.dana-login-wrap{--bg: #161826;--surface: #232532;--text: #e9e9ed;--accent: #9184d9;--accent-100: #f5f4ff;--accent-200: #e7e5fe;--accent-300: #d2cefd;--accent-2: #a7a1db;--section-glow: #353b80;--n400: #b6b9c6;--n500: #9397ab;--n600: #75798c;--divider: rgba(233, 233, 237, .16);--radius: 8px;position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;width:100%;overflow:hidden;background:radial-gradient(1200px 800px at 30% 20%,#1b1e30 0%,var(--bg) 60%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.dana-login-wrap *,.dana-login-wrap *:before,.dana-login-wrap *:after{box-sizing:border-box}.dana-login-wrap ::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}.dana-login-wrap a{color:var(--accent-300);text-decoration:none;transition:color .2s}.dana-login-wrap a:hover{color:var(--accent-100)}.dana-login-wrap :focus{outline:none}@keyframes dana-drA{0%{transform:translate(0) scale(1)}50%{transform:translate(6%,-8%) scale(1.15)}to{transform:translate(0) scale(1)}}@keyframes dana-drB{0%{transform:translate(0) scale(1.1)}50%{transform:translate(-7%,6%) scale(.95)}to{transform:translate(0) scale(1.1)}}@keyframes dana-drC{0%{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(4%,5%) scale(1.2);opacity:.8}to{transform:translate(0) scale(1);opacity:.5}}@keyframes dana-ecg{0%{stroke-dashoffset:2400}to{stroke-dashoffset:0}}@keyframes dana-grid{0%{background-position:0 0}to{background-position:0 -44px}}@keyframes dana-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dana-logoIn{0%{opacity:0;transform:translateY(10px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes dana-logoGlow{0%,to{filter:drop-shadow(0 0 10px transparent)}50%{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 45%,transparent))}}@keyframes dana-ring{0%{transform:scale(.6);opacity:.55}to{transform:scale(1.9);opacity:0}}.dana-login-wrap .visual{position:relative;flex:1.15;overflow:hidden;border-right:1px solid var(--divider)}.dana-login-wrap .gridbg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(233,233,237,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(233,233,237,.04) 1px,transparent 1px);background-size:44px 44px;animation:dana-grid 9s linear infinite;-webkit-mask-image:radial-gradient(120% 100% at 40% 40%,#000 30%,transparent 85%);mask-image:radial-gradient(120% 100% at 40% 40%,#000 30%,transparent 85%)}.dana-login-wrap .blob{position:absolute;border-radius:50%}.dana-login-wrap .b1{width:640px;height:640px;left:-8%;top:-12%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 42%,transparent) 0%,transparent 62%);filter:blur(30px);animation:dana-drA 16s ease-in-out infinite}.dana-login-wrap .b2{width:560px;height:560px;right:-6%;bottom:-10%;background:radial-gradient(circle,color-mix(in srgb,var(--accent-2) 34%,transparent) 0%,transparent 62%);filter:blur(34px);animation:dana-drB 20s ease-in-out infinite}.dana-login-wrap .b3{width:360px;height:360px;left:40%;top:38%;background:radial-gradient(circle,color-mix(in srgb,var(--section-glow) 55%,transparent) 0%,transparent 60%);filter:blur(26px);animation:dana-drC 13s ease-in-out infinite}.dana-login-wrap .ecg{position:absolute;left:0;right:0;bottom:16%;width:100%;height:150px;opacity:.9}.dana-login-wrap .ecg-line{filter:drop-shadow(0 0 6px var(--accent));stroke-dasharray:120 2400;animation:dana-ecg 5s linear infinite}.dana-login-wrap .brandtop{position:absolute;left:56px;top:52px;animation:dana-logoIn .9s ease both}.dana-login-wrap .wordmark{font-weight:700;font-size:26px;letter-spacing:.02em;color:var(--accent-100);animation:dana-logoGlow 5s ease-in-out infinite}.dana-login-wrap .wordmark.small{font-size:20px;margin-bottom:22px;display:inline-block}.dana-login-wrap .tagline{position:absolute;left:56px;bottom:12%;max-width:460px;animation:dana-reveal 1s ease both;animation-delay:.3s}.dana-login-wrap .status{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}.dana-login-wrap .dot{position:relative;display:inline-flex;width:9px;height:9px}.dana-login-wrap .dot span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent)}.dana-login-wrap .dot .pulse{animation:dana-ring 2.4s ease-out infinite}.dana-login-wrap .status b{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--n400);font-weight:400}.dana-login-wrap .tagline h1{font-weight:500;font-size:34px;line-height:1.18;margin:0 0 14px;letter-spacing:-.01em}.dana-login-wrap .tagline p{color:var(--n400);font-size:15px;line-height:1.6;margin:0}.dana-login-wrap .formcol{flex:.85;display:flex;align-items:center;justify-content:center;padding:40px;overflow-y:auto}.dana-login-wrap .form{width:100%;max-width:380px}.dana-login-wrap .head{margin-bottom:34px;animation:dana-reveal .7s ease both}.dana-login-wrap .head h2{font-weight:500;font-size:26px;margin:0 0 8px;letter-spacing:-.01em}.dana-login-wrap .head p{color:var(--n500);font-size:14px;margin:0}.dana-login-wrap form{display:flex;flex-direction:column;gap:16px}.dana-login-wrap .field{display:flex;flex-direction:column;gap:8px}.dana-login-wrap .field label{font-size:12px;letter-spacing:.04em;color:var(--n400)}.dana-login-wrap .field .row{display:flex;justify-content:space-between;align-items:baseline}.dana-login-wrap .shell{display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--divider);border-radius:var(--radius);padding:0 14px;transition:border-color .3s,box-shadow .3s,background .3s}.dana-login-wrap .shell:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent),0 0 28px color-mix(in srgb,var(--accent) 22%,transparent)}.dana-login-wrap .shell input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font:inherit;font-size:14px;min-height:46px;letter-spacing:.01em}.dana-login-wrap .shell input::placeholder{color:var(--n600)}.dana-login-wrap .shell .lead,.dana-login-wrap .shell .trail{display:flex;color:var(--n500);transition:color .3s;flex:none}.dana-login-wrap .shell:focus-within .lead{color:var(--accent)}.dana-login-wrap .shell .trail{cursor:pointer;background:none;border:0;padding:0}.dana-login-wrap .shell .trail:hover{color:var(--text)}.dana-login-wrap .remember{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--n400)}.dana-login-wrap .check{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;flex:none;cursor:pointer;border:1.5px solid var(--n600);border-radius:5px;background:transparent;transition:border-color .2s,background .2s;position:relative}.dana-login-wrap .check:hover{border-color:var(--accent)}.dana-login-wrap .check:checked{border-color:var(--accent);background:var(--accent)}.dana-login-wrap .check:checked:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid var(--bg);border-width:0 2px 2px 0;transform:rotate(42deg)}.dana-login-wrap .cta{position:relative;overflow:hidden;width:100%;min-height:48px;margin-top:4px;font-family:inherit;font-size:14px;letter-spacing:.02em;color:var(--accent-200);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;transition:background .3s,box-shadow .3s,transform .12s}.dana-login-wrap .cta:hover{background:color-mix(in srgb,var(--accent) 26%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 35%,transparent)}.dana-login-wrap .cta:active{transform:translateY(1px)}.dana-login-wrap .cta:disabled{opacity:.6;cursor:default}.dana-login-wrap .cta:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--accent-100) 35%,transparent),transparent);transform:skew(-18deg);transition:left .6s}.dana-login-wrap .cta:hover:after{left:120%}.dana-login-wrap .cta span{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px}.dana-login-wrap .error-msg{font-size:12.5px;color:#ff8a80;background:color-mix(in srgb,#ff8a80 10%,transparent);border:1px solid color-mix(in srgb,#ff8a80 30%,transparent);border-radius:var(--radius);padding:8px 12px}.dana-login-wrap .divider{margin-top:26px;display:flex;align-items:center;gap:12px}.dana-login-wrap .divider .ln{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--divider),transparent)}.dana-login-wrap .divider .lbl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--n600)}.dana-login-wrap .foot{margin-top:22px;text-align:center;font-size:13px;color:var(--n500)}.dana-login-wrap .r1{animation:dana-reveal .7s ease both;animation-delay:.08s}.dana-login-wrap .r2{animation:dana-reveal .7s ease both;animation-delay:.16s}.dana-login-wrap .r3{animation:dana-reveal .7s ease both;animation-delay:.24s}.dana-login-wrap .r4{animation:dana-reveal .7s ease both;animation-delay:.32s}.dana-login-wrap .r5{animation:dana-reveal .7s ease both;animation-delay:.4s}.dana-login-wrap .r6{animation:dana-reveal .7s ease both;animation-delay:.46s}.dana-login-wrap .check:focus-visible,.dana-login-wrap .cta:focus-visible,.dana-login-wrap .shell input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 900px){.dana-login-wrap .visual{display:none}.dana-login-wrap .formcol{flex:1}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;color:#16262c;background:#eef2f3;-webkit-font-smoothing:antialiased}a{color:#0f9aa5;text-decoration:none}a:hover{color:#0c7d86}button,input,select{font-family:inherit}:root{--teal: #0f9aa5;--teal-dark: #0c7d86;--border: #e2e9eb;--bg-soft: #f7fafb;--text-muted: #87979d;--text-dim: #4a5c62;--success: #159a6b;--success-bg: #e6f5ee;--danger: #c1543f;--danger-bg: #fbeae6}.card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:17px 18px}.btn{background:var(--teal);color:#fff;border:0;padding:10px 15px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer}.btn:hover{background:var(--teal-dark)}.btn-secondary{background:#fff;border:1px solid var(--border);color:var(--text-dim);padding:9px 14px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer}.input{border:1px solid var(--border);background:#fff;border-radius:9px;padding:9px 13px;font-size:13px;outline:none}.input:focus{border-color:var(--teal)}