.login-page{background:var(--bg);min-height:100dvh;color:var(--text);position:relative;overflow-x:hidden}.hearts-canvas{pointer-events:none;z-index:2;position:fixed;inset:0}.hero-slideshow{z-index:0;position:fixed;inset:0;overflow:hidden}.hero-slide{opacity:0;will-change:opacity, transform;background-position:top;background-repeat:no-repeat;background-size:cover;transition:opacity 1.6s ease-in-out,transform 8s ease-in-out;position:absolute;inset:-20px;transform:scale(1.08)}.hero-slide--active{opacity:1;animation:5s ease-in-out forwards kenBurns;transform:scale(1)}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.06)}}.hero-gradient-overlay{z-index:1;background:linear-gradient(180deg, #01010426 0%, #0101044d 25%, #010104b3 50%, var(--bg) 72%, var(--bg) 100%);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.hero-gradient-overlay{background:linear-gradient(180deg, lab(.276297% .524521 -1.00538/.15) 0%, lab(.276297% .524521 -1.00538/.3) 25%, lab(.276297% .524521 -1.00538/.7) 50%, var(--bg) 72%, var(--bg) 100%)}}.hero-radial-glow{z-index:2;background:radial-gradient(70% 40% at 50% 25%,#fb34aa2e,#0000 60%);background:radial-gradient(70% 40% at 50% 25%,lab(58.331% 78.7837 -15.3838/.18),#0000 60%);position:absolute;inset:0}.slide-dots{z-index:3;gap:6px;display:flex;position:absolute;bottom:calc(52% + 8px);left:50%;transform:translate(-50%)}.slide-dot{background:#ffffff40;background:lab(100% 0 0/.25);border-radius:999px;width:6px;height:6px;transition:all .4s}.slide-dot--active{background:var(--accent-2);width:20px;box-shadow:0 0 10px #fb34aa99;box-shadow:0 0 10px lab(58.331% 78.7837 -15.3838/.6)}.login-content{z-index:10;opacity:1;flex-direction:column;align-items:center;width:100%;max-width:420px;margin:0 auto;padding:2rem 1.25rem;animation:.8s ease-out both login-content-in;display:flex;position:relative;transform:translateY(0)}@keyframes login-content-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo-row{padding-top:env(safe-area-inset-top,0px);flex-direction:column;align-items:center;margin-bottom:.75rem;display:flex}.login-mask-icon{filter:drop-shadow(0 4px 20px #f32aa499);filter:drop-shadow(0 4px 20px lab(56.0088% 78.6761 -15.3752/.6));animation:3s ease-in-out infinite maskPulse}@keyframes maskPulse{0%,to{filter:drop-shadow(0 4px 18px #f32aa480);filter:drop-shadow(0 4px 18px lab(56.0088% 78.6761 -15.3752/.5));transform:scale(1)}50%{filter:drop-shadow(0 4px 30px #f32aa4cc);filter:drop-shadow(0 4px 30px lab(56.0088% 78.6761 -15.3752/.8));transform:scale(1.05)}}.login-logo-text{letter-spacing:-.02em;white-space:nowrap;margin-top:.35rem;font-size:1.8rem;font-weight:900;line-height:1}.login-logo-accent{color:var(--accent-2)}.login-accent-bar{background:var(--accent-2);border-radius:999px;width:3rem;height:3px;margin-top:.75rem;animation:2.5s ease-in-out infinite alternate barGlow;box-shadow:0 0 20px #fb34aab3;box-shadow:0 0 20px lab(58.331% 78.7837 -15.3838/.7)}@keyframes barGlow{0%{width:2.5rem;box-shadow:0 0 14px #fb34aa80;box-shadow:0 0 14px lab(58.331% 78.7837 -15.3838/.5)}to{width:3.5rem;box-shadow:0 0 28px #fb34aad9;box-shadow:0 0 28px lab(58.331% 78.7837 -15.3838/.85)}}.login-hero-section{text-align:center;margin-bottom:1.25rem}.login-headline{letter-spacing:-.03em;color:#fff;text-shadow:0 4px 30px #00000080;text-shadow:0 4px 30px lab(0% 0 0/.5);margin:.75rem 0 0;font-size:2.8rem;font-weight:900;line-height:.92}.login-subtext{color:var(--text-dim);text-shadow:0 2px 12px #0009;text-shadow:0 2px 12px lab(0% 0 0/.6);margin-top:1rem;font-size:.95rem;line-height:1.6}.login-form-card{isolation:isolate;border-radius:1.4rem;width:100%;margin-bottom:1.5rem;padding:1.25rem;animation:.8s ease-out .3s both cardSlideUp;position:relative}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.card-glow-blob{z-index:-1;pointer-events:none;filter:blur(25px);background:radial-gradient(180px,#fb34aa29,#0000 75%);background:radial-gradient(180px,lab(58.331% 78.7837 -15.3838/.16),#0000 75%);animation:8s ease-in-out infinite alternate blobPulse;position:absolute;inset:-10px}@keyframes blobPulse{0%{opacity:.8;transform:scale(.9)rotate(0)}to{opacity:1;transform:scale(1.1)rotate(180deg)}}.form-card-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.form-lock-icon{flex-shrink:0;width:2.5rem;height:2.5rem}.form-title{color:#fff;font-size:.95rem;font-weight:700;line-height:1.3}.form-subtitle{color:var(--text-dim);font-size:.8rem;line-height:1.4}.login-method-toggle{background:#ffffff0d;background:lab(100% 0 0/.05);border:1px solid #ffffff14;border:1px solid lab(100% 0 0/.08);border-radius:999px;margin-bottom:.95rem;padding:3px;display:flex}.method-toggle-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:.5rem 0;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.method-toggle-btn--active{color:#fff;background:linear-gradient(135deg,#ff6b6e,#fb34aa);background:linear-gradient(135deg,lab(65.131% 73.3678 38.5182),lab(58.331% 78.7837 -15.3838));box-shadow:0 4px 14px #fb34aa4d;box-shadow:0 4px 14px lab(58.331% 78.7837 -15.3838/.3)}.phone-input-row{gap:.5rem;width:100%;display:flex}.country-select-wrapper{flex-shrink:0;width:86px;position:relative}.country-select{border-radius:var(--radius-sm);width:100%;height:100%;color:var(--text);cursor:pointer;appearance:none;transition:all var(--duration-fast);background:#fff1;background:lab(100% 0 0/.065);border:1px solid #ffffff24;border:1px solid lab(100% 0 0/.14);outline:none;padding:.85rem 1.6rem .85rem .65rem;font-size:.88rem;font-weight:500}.country-select:focus{border-color:var(--accent-2);background:#ffffff18;background:lab(100% 0 0/.095);box-shadow:0 0 0 3px #fb34aa24;box-shadow:0 0 0 3px lab(58.331% 78.7837 -15.3838/.14)}.country-select-wrapper:after{content:"▾";color:var(--text-dim);pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.phone-input-wrapper{flex:1}.login-form{flex-direction:column;gap:.65rem;display:flex}.form-label{color:#fff;font-size:.82rem;font-weight:600}.form-label--dim{color:var(--text-dim);font-weight:400}.input-wrapper{position:relative}.input-icon{color:var(--text-faint);pointer-events:none;transition:color var(--duration-normal), filter var(--duration-normal);display:flex;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.input-wrapper:focus-within .input-icon{color:var(--accent-2);filter:drop-shadow(0 0 8px #fb34aa99);filter:drop-shadow(0 0 8px lab(58.331% 78.7837 -15.3838/.6))}.input-wrapper input{transition:border-color var(--duration-fast), box-shadow var(--duration-fast), background var(--duration-fast);padding-left:2.8rem;font-size:.95rem}.input-wrapper input:focus{border-color:var(--accent-2);box-shadow:0 0 14px #fb34aa38, 0 0 0 1px var(--accent-2);background:#ffffff14;background:lab(100% 0 0/.08)}@supports (color:lab(0% 0 0)){.input-wrapper input:focus{box-shadow:0 0 14px lab(58.331% 78.7837 -15.3838/.22), 0 0 0 1px var(--accent-2)}}.code-input{text-align:center;letter-spacing:.5em;font-size:1.5rem!important}.login-submit-btn{cursor:pointer;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.15rem;font-size:1rem;display:flex;position:relative;overflow:hidden}.login-submit-btn:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%);background:linear-gradient(90deg,#0000 0%,lab(100% 0 0/.12) 50%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.login-submit-btn:hover:after{transform:translate(100%)}.code-actions{color:var(--text-faint);justify-content:space-between;font-size:.8rem;display:flex}.code-actions button{color:var(--text-faint);cursor:pointer;font:inherit;background:0 0;border:none;padding:.2rem 0}.code-actions button:disabled{opacity:.5}.form-error{color:var(--danger);margin-top:.4rem;font-size:.82rem}.or-divider{align-items:center;gap:.75rem;margin:1rem 0;display:flex}.or-line{background:#ffffff1a;background:lab(100% 0 0/.1);flex:1;height:1px}.or-text{color:var(--text-faint);white-space:nowrap;font-size:.8rem}.social-buttons{justify-content:center;gap:1.25rem;margin-bottom:.85rem;display:flex}.social-btn{width:3.2rem;height:3.2rem;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#110615cc;background:lab(2.78236% 5.01207 -5.91845/.8);border:1px solid #ffffff24;border:1px solid lab(100% 0 0/.14);border-radius:999px;place-items:center;transition:all .25s;display:grid}.social-btn:hover{background:#1d1022e6;background:lab(6.69578% 9.83878 -10.1226/.9);border-color:#ffffff40;border-color:lab(100% 0 0/.25);transform:translateY(-3px);box-shadow:0 8px 24px #0000004d;box-shadow:0 8px 24px lab(0% 0 0/.3)}.social-btn:active{transform:scale(.93)}.login-legal{text-align:center;color:var(--text-faint);font-size:.75rem;line-height:1.55}.login-legal-link{color:var(--accent-2);font-weight:500;text-decoration:none}.login-legal-link:hover{text-decoration:underline}.features-row{grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;margin-bottom:1.25rem;animation:.9s ease-out .5s both featuresIn;display:grid}@keyframes featuresIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.feature-tile-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;background:lab(100% 0 0/.04);border:1px solid #ffffff14;border:1px solid lab(100% 0 0/.08);border-radius:1.1rem;flex-direction:column;align-items:center;gap:.4rem;padding:.85rem .35rem;transition:all .3s;display:flex}.feature-tile-card:hover{background:#ffffff12;background:lab(100% 0 0/.07);border-color:#fb34aa4d;border-color:lab(58.331% 78.7837 -15.3838/.3);transform:translateY(-3px);box-shadow:0 10px 30px #00000040,0 0 16px #fb34aa14;box-shadow:0 10px 30px lab(0% 0 0/.25),0 0 16px lab(58.331% 78.7837 -15.3838/.08)}.feature-orb{width:2.8rem;height:2.8rem}.feature-title{color:#fff;text-align:center;font-size:.72rem;font-weight:700;line-height:1.2}.feature-body{color:var(--text-dim);text-align:center;white-space:pre-line;font-size:.65rem;line-height:1.4}.login-tagline{color:var(--text-faint);text-align:center;padding-bottom:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));font-size:.82rem;animation:1s ease-out .8s both taglineFade}@keyframes taglineFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.heart-emoji{font-size:.75rem}@media (max-width:389px){.login-content{padding:1.5rem 1rem}.login-logo-text{font-size:1.5rem}.login-headline{font-size:2.2rem}.login-subtext{font-size:.85rem}.login-form-card{border-radius:1.2rem;padding:1rem}.feature-orb{width:2.4rem;height:2.4rem}.feature-title{font-size:.65rem}.feature-body{font-size:.6rem}}@media (min-width:390px) and (max-width:767px){.login-content{padding:2rem 1.25rem}.login-headline{font-size:2.8rem}}@media (min-width:768px){.login-content{max-width:460px;padding-top:3.5rem}.login-headline{font-size:3.6rem}.login-form-card{padding:1.75rem}.slide-dots{bottom:calc(48% + 12px)}.feature-orb{width:3.2rem;height:3.2rem}.feature-title{font-size:.82rem}.feature-body{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.hero-slide{transition:opacity .5s ease-in-out!important}.hero-slide--active{animation:none!important;transform:scale(1)!important}.login-mask-icon,.login-accent-bar,.login-form-card,.features-row,.login-tagline,.login-content{opacity:1;transform:none;transition:none!important;animation:none!important}}