body { 
            font-family: 'Plus Jakarta Sans', sans-serif; 
            background-color: #050505; 
            color: #f3f4f6;
            overflow-x: hidden; /* Dikey kaydırmaya izin ver, yatay taşmayı engelle */
        }
        
        /* Arka Plan Blob Efektleri (Hareketli Işıklar) */
        .blob {
            position: absolute;
            filter: blur(80px);
            z-index: -1;
            opacity: 0.4;
            animation: move 10s infinite alternate;
        }
        @keyframes move { from { transform: translate(0,0); } to { transform: translate(50px, 50px); } }

        /* Cam Panel (Glassmorphism) */
        .glass-box {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 24px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        }

        /* Modern Input Alanları */
        .input-group {
            position: relative;
            margin-bottom: 1.5rem;
        }
        .input-field {
            width: 100%;
            background: rgba(0,0,0,0.3);
            border: 1px solid rgba(255,255,255,0.1);
            padding: 1rem 1rem 1rem 3rem;
            border-radius: 12px;
            color: white;
            outline: none;
            transition: all 0.3s;
        }
        .input-field:focus {
            border-color: #6366f1; /* Indigo rengi */
            background: rgba(0,0,0,0.5);
            box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
        }
        .input-icon {
            position: absolute;
            left: 1rem;
            top: 50%;
            transform: translateY(-50%);
            color: #6b7280;
            transition: color 0.3s;
        }
        .input-field:focus + .input-icon { color: #818cf8; }

        /* Form Geçiş Animasyonları */
        .form-container { transition: all 0.5s ease-in-out; opacity: 1; }
        .hidden-form { display: none; opacity: 0; transform: translateX(20px); }
        .fade-in { animation: fadeIn 0.5s forwards; }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateX(20px); }
            to { opacity: 1; transform: translateX(0); }
        }

        /* YAZI MAKİNESİ İMLEÇ EFEKTİ */
        @keyframes blink {
            0%, 100% { border-color: transparent; }
            50% { border-color: #818cf8; }
        }
        .typing-cursor {
            animation: blink 0.75s step-end infinite;
        }