/* Reset and Base Styles */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-family: 'Arial', sans-serif;
        background-color: #2c3e50;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
    }

    .background-layer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: -1;
        opacity: 0.5;
        background-image: 
            radial-gradient(#ffffff 8%, transparent 8%),
            radial-gradient(#ffffff 8%, transparent 8%);
        background-position: 0 0, 50px 50px;
        background-size: 100px 100px;
        animation: move-background 20s linear infinite;
    }

    @keyframes move-background {
        0% { background-position: 0 0, 50px 50px; }
        100% { background-position: 100px 100px, 150px 150px; }
    }

    .container {
        width: 90%;
        max-width: 400px;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 15px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        padding: 2rem;
        backdrop-filter: blur(10px);
    }

    .login-form {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .login-form input {
        width: 100%;
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 25px;
        background: white;
        color: #2c3e50;
        transition: all 0.3s ease;
    }

    .login-form input:focus {
        outline: none;
        border-color: #2575fc;
        box-shadow: 0 0 0 3px rgba(37, 117, 252, 0.2);
    }

    .login-header {
        text-align: center;
        margin-bottom: 1.5rem;
        color: #2c3e50;
    }

    .login-header h2 {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

    .login-header p {
        color: #7f8c8d;
    }

    .action-buttons {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-top: 1rem;
    }

    .back-btn {
        background: transparent;
        border: 2px solid #2575fc;
        color: #2575fc;
        padding: 12px;
        border-radius: 25px;
        text-decoration: none;
        transition: all 0.3s ease;
        text-align: center;
        width: 100%;
        display: block;
    }

    .back-btn:hover {
        background: #2575fc;
        color: white;
    }

    .login-btn {
        background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
        color: white;
        border: none;
        padding: 12px;
        border-radius: 25px;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        width: 100%;
    }

    .login-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
    }