.login-page .form-wrapper{height:100vh;width:100vw;display:flex;background-color:white;position:fixed;top:0;left:0}.login-page .form{width:100%;max-width:400px;height:auto;min-height:400px;background:linear-gradient(135deg,#3F3D56,#4FA8F3);display:flex;align-items:center;flex-direction:column;border-radius:1rem;padding:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.1),0 50px 100px -20px rgba(79,168,243,.4),0 0 40px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.login-page .title{color:white;margin:2rem 0 3rem;font-size:2rem;text-align:center;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-page .input{margin:.5rem 0;padding:1rem 1.5rem;width:100%;max-width:20rem;background-color:rgba(255,255,255,.1);color:white;border:2px solid rgba(255,255,255,.2);border-radius:.75rem;outline:none;transition:all .4s;font-size:1rem;backdrop-filter:blur(10px);cursor:text}.login-page .input::placeholder{color:rgba(255,255,255,.7)}.login-page .input:focus{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.5);box-shadow:0 0 0 3px rgba(255,255,255,.1);transform:translateY(-2px);caret-color:white}.login-page .input:hover{background-color:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);transform:translateY(-1px);caret-color:white}.login-page .btn{height:3rem;width:100%;max-width:20rem;margin-top:3rem;background:linear-gradient(135deg,#ffffff,#f9fafb);color:#2563EB;border-radius:.75rem;border:none;font-size:1.1rem;font-weight:600;transition:all .4s;cursor:pointer;box-shadow:0 8px 25px rgba(255,255,255,.3);text-shadow:none}.login-page .btn:hover{background:linear-gradient(135deg,#f9fafb,#ffffff);transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,255,255,.4);color:#1d4ed8}.login-page .btn:active{transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,255,255,.3)}.login-page .btn:disabled{background:rgba(255,255,255,.3);color:rgba(255,255,255,.7);cursor:not-allowed;transform:none;box-shadow:none}.superhuman-form-card{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;max-width:700px;width:100%;min-height:550px;max-height:650px;background:rgba(15,23,42,.8);backdrop-filter:blur(20px);border:1px solid rgba(236,72,153,.3);border-radius:1.5rem;padding:2.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(148,163,184,.1),0 0 30px rgba(236,72,153,.3),0 0 60px rgba(236,72,153,.1);opacity:0;transform:translateY(30px) scale(.95);animation:formAppear .8s ease-out forwards}@keyframes formAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}50%{opacity:.8;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.form-header{grid-column:1/-1;text-align:center;margin-bottom:1rem;opacity:0;animation:headerAppear .6s ease-out .2s forwards}@keyframes headerAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-title{font-size:2.25rem;font-weight:700;color:white;margin:0;line-height:1.2}.form-subtitle{font-size:1.125rem;font-weight:600;color:#94a3b8;margin:.5rem 0 0;line-height:1.2}.superhuman-form{display:flex;flex-direction:column;gap:1.25rem;justify-content:flex-start;margin-top:4rem;opacity:0;animation:formContentAppear .6s ease-out .4s forwards}@keyframes formContentAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.superhuman-input{width:100%;padding:.875rem 1.25rem;background:rgba(30,41,59,.8);color:white;border:1px solid rgba(148,163,184,.3);border-radius:.75rem;font-size:1rem;transition:all .3s ease;outline:none}.superhuman-input::placeholder{color:#64748b;font-size:1rem}.superhuman-input:focus{border-color:#ec4899;box-shadow:0 0 0 3px rgba(236,72,153,.1);background:rgba(30,41,59,.9)}.superhuman-input:hover{border-color:rgba(148,163,184,.5);background:rgba(30,41,59,.9)}.superhuman-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:white;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(139,92,246,.3)}.superhuman-btn:hover{background:linear-gradient(135deg,#7c3aed,#db2777);transform:translateY(-2px);box-shadow:0 8px 20px rgba(139,92,246,.4)}.superhuman-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.message{padding:.75rem;border-radius:.75rem;font-size:.875rem;text-align:center;margin-top:.75rem}.message.success{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.message.error{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.trust-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;margin-top:-1rem;opacity:0;animation:magicAppear .6s ease-out .6s forwards}@keyframes magicAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.magic-message{text-align:center;padding:1.5rem;max-width:100%}.magic-title{font-size:1.75rem;font-weight:700;color:white;margin:0 0 1.25rem;line-height:1.3}.magic-description{font-size:1.125rem;color:#94a3b8;line-height:1.6;margin:0;max-width:280px}@media (max-width:768px){.superhuman-form-card{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;max-width:450px;min-height:auto}.form-title{font-size:1.875rem}.form-subtitle{font-size:1rem}.trust-section{order:-1;margin-bottom:1.5rem;gap:1rem;margin-top:0}.magic-description{font-size:1rem;max-width:100%}}.form-in-modal{width:100%;height:auto;background:none;display:flex;flex-direction:column;gap:1rem}.form-title-in-modal{display:none}.input-in-modal{width:100%;padding:.75rem 1rem;background-color:#f1f5f9;color:#1e293b;border:1px solid #e2e8f0;border-radius:.75rem;outline:none;transition:all .3s;font-size:1rem}.input-in-modal::placeholder{color:#94a3b8}.input-in-modal:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.2)}.btn-in-modal{width:100%;height:3rem;margin-top:1rem;background:linear-gradient(90deg,#2563eb,#6366f1);color:#fff;border-radius:.75rem;border:none;font-size:1rem;font-weight:600;transition:all .3s;cursor:pointer;box-shadow:0 2px 8px rgba(99,102,241,.08)}.btn-in-modal:hover{background:linear-gradient(90deg,#1d4ed8,#4f46e5);box-shadow:0 4px 16px rgba(99,102,241,.18);transform:translateY(-2px)}.btn-in-modal:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:768px){.login-page .form-wrapper{flex-direction:column;overflow-y:auto}.login-page .form{width:100%;max-width:100%;margin:1rem;padding:1.5rem}}