.login-page{--login-primary:#0e9d6e;--login-primary-700:#0b7a57;--login-blue:#4da8ff;--login-pink:#e86dce;--login-cyan:#6ee7f7;--login-mint:#5fcf9d;--login-navy:#1d2d39;--login-ink:#1d2d39;--login-ink-soft:#3c4a57;--login-muted:#5b6b78;--login-border:#e7ecf2;--login-divider:#eef1f5;--login-surface:#fff;--login-bg:#f1f6f4;--login-grad-primary:linear-gradient(135deg, #5fcf9d 0%, #4da8ff 100%);--login-grad-ai:linear-gradient(135deg, #e86dce 0%, #8c5bff 100%);--login-grad-mint:linear-gradient(135deg, #4da8ff 0%, #5fcf9d 100%);--login-grad-accent:linear-gradient(120deg, #e86dce, #4da8ff 50%, #5fcf9d);--login-grad-accent-doctor:linear-gradient(120deg, #4da8ff, #6ee7f7 50%, #5fcf9d);background:var(--login-bg);color:var(--login-ink)}.login-canvas{background:radial-gradient(900px 500px at 80% 8%,#5fcf9d47,#0000 60%),radial-gradient(900px 600px at 0 100%,#4da8ff59,#0000 60%),radial-gradient(700px 500px,#5fcf9d66,#0000 60%),linear-gradient(160deg,#06392f 0%,#1d2d39 100%);transition:background .7s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.login-page[data-role=doctor] .login-canvas{background:radial-gradient(900px 500px at 80% 8%,#4da8ff59,#0000 60%),radial-gradient(900px 600px at 0 100%,#5fcf9d4d,#0000 60%),radial-gradient(700px 500px,#4da8ff73,#0000 60%),linear-gradient(160deg,#0a2240 0%,#1d2d39 100%)}.login-canvas{--mask-x:50%;--mask-y:40%}.login-canvas:before{content:"";-webkit-mask-image:radial-gradient(circle 380px at var(--mask-x) var(--mask-y), black 0%, black 35%, transparent 100%);-webkit-mask-image:radial-gradient(circle 380px at var(--mask-x) var(--mask-y), black 0%, black 35%, transparent 100%);mask-image:radial-gradient(circle 380px at var(--mask-x) var(--mask-y), black 0%, black 35%, transparent 100%);pointer-events:none;background-image:linear-gradient(#ffffff17 1.5px,#0000 1.5px),linear-gradient(90deg,#ffffff17 1.5px,#0000 1.5px);background-size:56px 56px;position:absolute;inset:0}.login-canvas>*{z-index:1;position:relative}.login-hero-accent{background:var(--login-grad-accent);color:#0000;-webkit-background-clip:text;background-clip:text;transition:background .6s}.login-page[data-role=doctor] .login-hero-accent{background:var(--login-grad-accent-doctor);color:#0000;-webkit-background-clip:text;background-clip:text}.login-mark{background:var(--login-grad-primary);border-radius:11px;width:38px;height:38px;transition:background .6s,box-shadow .6s;position:relative;box-shadow:0 12px 32px #5fcf9d73}.login-page[data-role=doctor] .login-mark{background:var(--login-grad-mint);box-shadow:0 12px 32px #5fcf9d73}.login-mark:after{content:"";background:radial-gradient(circle at 30% 25%,#fffffff2,#fff0 60%);border-radius:6px;position:absolute;inset:5px}.login-status-dot{background:var(--login-pink);width:6px;height:6px;box-shadow:0 0 12px var(--login-pink);border-radius:50%;animation:2.4s infinite login-pulse}.login-page[data-role=doctor] .login-status-dot{background:var(--login-blue);box-shadow:0 0 12px var(--login-blue)}@keyframes login-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.login-cards-wrap{pointer-events:none;z-index:1;--px:0;--py:0;width:340px;height:500px;transform:translate3d(calc(var(--px) * 24px), calc(-50% + var(--py) * 16px), 0);will-change:transform;transition:transform 80ms linear;position:absolute;top:50%;right:44px}.login-preview{transition:opacity .5s,transform .6s cubic-bezier(.4,0,.2,1)}.login-preview[data-active=false]{opacity:0;pointer-events:none;transform:translateY(20px)scale(.96)}.login-preview[data-active=true]{opacity:1;transform:translateY(0)scale(1)}.login-card[data-depth="1"]{transform:var(--card-rotate,rotate(0deg)) translate3d(calc(var(--px) * 6px), calc(var(--py) * 4px), 0)}.login-card[data-depth="0.55"]{transform:var(--card-rotate,rotate(0deg)) translate3d(calc(var(--px) * -10px), calc(var(--py) * -6px), 0)}.login-card[data-depth="0.75"]{transform:var(--card-rotate,rotate(0deg)) translate3d(calc(var(--px) * -4px), calc(var(--py) * 8px), 0)}@media (prefers-reduced-motion:reduce){.login-cards-wrap{transition:none!important;transform:translateY(-50%)!important}.login-card[data-depth]{transform:var(--card-rotate,rotate(0deg))!important}.login-canvas{--mask-x:50%!important;--mask-y:40%!important}}.login-card{-webkit-backdrop-filter:blur(20px);color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:20px;padding:20px;box-shadow:0 20px 60px #0006}.login-stat-accent{background:var(--login-grad-accent);color:#0000;-webkit-background-clip:text;background-clip:text}.login-page[data-role=doctor] .login-stat-accent{background:var(--login-grad-accent-doctor);color:#0000;-webkit-background-clip:text;background-clip:text}.login-ai-bubble{background:var(--login-grad-ai);box-shadow:0 10px 22px #e86dce73}.login-page[data-role=doctor] .login-ai-bubble{background:var(--login-grad-mint);box-shadow:0 10px 22px #5fcf9d73}.login-tracker-step.active{background:linear-gradient(90deg, var(--login-blue), #ffffff1a);position:relative}.login-tracker-step.active:after{content:"";background:var(--login-blue);width:10px;height:10px;box-shadow:0 0 12px var(--login-blue);border-radius:50%;position:absolute;top:-3px;right:0}.login-role-indicator{background:var(--login-surface);pointer-events:none;border-radius:10px;width:calc(50% - 5px);height:calc(100% - 10px);transition:transform .38s cubic-bezier(.4,0,.2,1),box-shadow .38s;position:absolute;top:5px;left:5px;transform:translate(0);box-shadow:0 4px 20px #0f172a0a,0 0 0 1px #5fcf9d33}.login-page[data-role=doctor] .login-role-indicator{transform:translate(100%);box-shadow:0 4px 20px #0f172a0a,0 0 0 1px #5fcf9d33}.login-input-wrap{background:var(--login-surface);border:1px solid var(--login-border);border-radius:12px;align-items:center;transition:border-color .18s,box-shadow .18s;display:flex;position:relative}.login-input-wrap:focus-within{border-color:var(--login-primary);box-shadow:0 0 0 4px #5fcf9d1f}.login-page[data-role=doctor] .login-input-wrap:focus-within{border-color:var(--login-mint);box-shadow:0 0 0 4px #5fcf9d1f}.login-input-wrap input{color:var(--login-ink);background:0 0;border:0;outline:0;flex:1;padding:13px 14px 13px 4px;font-size:14.5px}.login-input-wrap input::placeholder{color:#94a0b8}.login-submit{background:var(--login-grad-primary);transition:transform .2s,box-shadow .2s,background .6s;box-shadow:0 12px 28px #5fcf9d4d}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 36px #5fcf9d66}.login-submit:active:not(:disabled){transform:translateY(0)}.login-page[data-role=doctor] .login-submit{background:var(--login-grad-mint);box-shadow:0 12px 28px #5fcf9d4d}.login-page[data-role=doctor] .login-submit:hover:not(:disabled){box-shadow:0 16px 36px #5fcf9d66}.login-submit .arrow{transition:transform .2s}.login-submit:hover:not(:disabled) .arrow{transform:translate(3px)}.login-check .box{border:1.5px solid var(--login-border);background:var(--login-surface);border-radius:6px;place-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:grid}.login-check input:checked+.box{background:var(--login-grad-primary);border-color:#0000}.login-page[data-role=doctor] .login-check input:checked+.box{background:var(--login-grad-mint)}.login-check input:checked+.box:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.login-swap{transition:opacity .25s,transform .25s}@media (max-width:1100px){.login-canvas{display:none}.login-grid{grid-template-columns:1fr!important}}