:root{--navy:#071b3a;--navy2:#102d60;--blue:#1674e8;--sky:#32aaf3;--gold:#e6b65d;--ink:#152b49;--muted:#73849a;--line:#d7e3f1}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f7faff}body{min-height:100vh}.dance-login{min-height:100vh;display:grid;grid-template-columns:minmax(540px,1.05fr) minmax(470px,.95fr)}.dance-hero{position:relative;min-height:100vh;overflow:hidden;color:#fff;background:radial-gradient(circle at 20% 15%,rgba(54,145,255,.2),transparent 25%),radial-gradient(circle at 75% 75%,rgba(230,182,93,.12),transparent 26%),linear-gradient(145deg,#05152f,#0a2755 52%,#123d78)}.dance-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,#000 45%)}.dance-lights:before,.dance-lights:after{content:"";position:absolute;top:-20%;width:170px;height:80%;background:linear-gradient(to bottom,rgba(77,174,255,.18),transparent 75%);filter:blur(10px);transform:rotate(12deg)}.dance-lights:before{left:16%}.dance-lights:after{right:13%;transform:rotate(-12deg);background:linear-gradient(to bottom,rgba(230,182,93,.12),transparent 75%)}.dance-stage{position:absolute;left:9%;right:9%;bottom:-155px;height:270px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 -30px 90px rgba(38,143,255,.08),inset 0 35px 80px rgba(255,255,255,.02)}.dance-hero-inner{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;padding:46px clamp(44px,6vw,82px) 28px}.dance-brand{display:flex;align-items:center;gap:13px}.dance-brand-mark,.dance-card-logo{display:grid;place-items:center;overflow:hidden;background:#fff;color:var(--blue);box-shadow:0 12px 28px rgba(0,0,0,.16)}.dance-brand-mark{width:50px;height:50px;border-radius:15px}.dance-brand-mark img,.dance-card-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.dance-brand-mark i{font-size:24px}.dance-brand strong{display:block;font-size:18px;font-weight:900}.dance-brand small{display:block;margin-top:3px;color:#a8bed9;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.dance-copy{max-width:650px;margin-top:78px}.dance-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);color:#d9ebff;font-size:10px;font-weight:800}.dance-pill i{color:var(--gold)}.dance-copy h1{margin:19px 0 15px;font-size:clamp(38px,4.2vw,62px);line-height:1.02;letter-spacing:-.05em;font-weight:950}.dance-copy h1 em{font-style:normal;background:linear-gradient(90deg,#fff0c5,#e6b65d);-webkit-background-clip:text;background-clip:text;color:transparent}.dance-copy p{max-width:620px;margin:0;color:#bdd0e7;font-size:14px;line-height:1.65}.dance-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:650px;margin-top:36px}.dance-values article{padding:16px;border:1px solid rgba(100,178,255,.16);border-radius:17px;background:linear-gradient(145deg,rgba(20,67,133,.55),rgba(6,31,72,.65));box-shadow:0 15px 35px rgba(0,0,0,.11)}.dance-values span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(35,137,235,.15);color:#54bfff;font-size:19px}.dance-values article:nth-child(2) span{color:var(--gold);background:rgba(230,182,93,.1)}.dance-values strong{display:block;margin-top:11px;font-size:11px}.dance-values small{display:block;margin-top:4px;color:#91aac8;font-size:9px;line-height:1.4}.dance-quote{display:flex;align-items:center;gap:13px;max-width:650px;margin-top:20px;padding:16px 18px;border-left:3px solid var(--gold);border-radius:0 13px 13px 0;background:rgba(4,27,63,.4)}.dance-quote>i{font-size:22px;color:var(--gold)}.dance-quote strong{display:block;font-size:11px}.dance-quote small{display:block;margin-top:4px;color:#91aac8;font-size:9px}.dance-hero-foot{display:flex;gap:20px;flex-wrap:wrap;margin-top:auto;padding-top:30px;color:#8fa9c7;font-size:9px}.dance-hero-foot span{display:flex;gap:6px;align-items:center}.dance-hero-foot i{color:#52baff}.dance-panel{position:relative;min-height:100vh;display:grid;place-items:center;padding:45px;background:radial-gradient(circle at 18% 15%,rgba(23,117,232,.07),transparent 22%),linear-gradient(145deg,#fff,#f4f8fe)}.dance-dots{position:absolute;width:150px;height:150px;opacity:.45;background-image:radial-gradient(circle,rgba(23,116,232,.32) 1px,transparent 1.5px);background-size:14px 14px}.dots-a{top:7%;left:8%}.dots-b{right:3%;bottom:5%}.dance-card{position:relative;z-index:2;width:min(490px,100%);padding:42px 42px 30px;border:1px solid #dbe6f2;border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 28px 75px rgba(32,74,122,.15)}.dance-card-logo{width:72px;height:72px;margin:0 auto 19px;border-radius:50%;border:1px solid #d6e5f5;box-shadow:0 9px 28px rgba(30,105,190,.12)}.dance-card-logo i{font-size:31px}.dance-card h2{text-align:center;margin:0;color:#133665;font-size:29px;letter-spacing:-.03em}.dance-welcome{text-align:center;margin:7px 0 27px;color:#788ba3;font-size:12px}.dance-alert{display:flex;gap:9px;margin-bottom:17px;padding:11px 12px;border:1px solid #f2c8cc;border-radius:11px;background:#fff2f3;color:#b3333d;font-size:10px;line-height:1.4}.dance-field{margin-bottom:17px}.dance-field label{display:block;margin:0 0 7px;color:#174f9c;font-size:9px;font-weight:900}.dance-control{height:52px;display:grid;grid-template-columns:40px 1fr 42px;align-items:center;border:1px solid #c9daec;border-radius:13px;background:#f9fbfe;transition:.18s}.dance-control.focused{background:#fff;border-color:#2189ee;box-shadow:0 0 0 4px rgba(33,137,238,.1)}.dance-control>i{justify-self:center;color:#7a94b0}.dance-control input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#1b334e;font-size:12px}.dance-control button{height:100%;border:0;background:transparent;color:#7891ad;cursor:pointer}.dance-submit{width:100%;height:52px;margin-top:3px;border:0;border-radius:13px;background:linear-gradient(100deg,#1769d6,#2899ec);color:#fff;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 13px 27px rgba(23,105,214,.22)}.dance-submit i{margin-right:7px}.dance-secure{display:flex;gap:11px;align-items:center;margin-top:19px;padding:13px;border:1px solid #d9e7f5;border-radius:13px;background:#f5f9fe}.dance-secure>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e3f1ff;color:#1773df}.dance-secure strong{display:block;font-size:9px;color:#315171}.dance-secure small{display:block;margin-top:3px;color:#7e91a9;font-size:8px;line-height:1.4}.dance-card-foot{display:flex;justify-content:space-between;gap:12px;margin-top:23px;padding-top:16px;border-top:1px solid #e7eef6;color:#94a2b4;font-size:8px}@media(max-height:820px) and (min-width:901px){.dance-copy{margin-top:38px}.dance-copy h1{font-size:42px}.dance-values{margin-top:22px}.dance-hero-inner{padding-top:30px}.dance-card{padding-top:30px}}@media(max-width:1000px){.dance-login{grid-template-columns:1fr 1fr}.dance-hero-inner{padding-left:35px;padding-right:35px}.dance-copy h1{font-size:43px}.dance-values{grid-template-columns:1fr 1fr}.dance-values article:last-child{display:none}}@media(max-width:800px){.dance-login{display:block}.dance-hero{min-height:auto}.dance-hero-inner{min-height:auto;padding:30px 24px 34px}.dance-copy{margin-top:32px}.dance-copy h1{font-size:35px}.dance-values,.dance-quote{display:none}.dance-hero-foot{margin-top:30px}.dance-panel{min-height:auto;padding:35px 17px 50px}.dance-card{width:min(520px,100%)}}@media(max-width:520px){.dance-copy h1{font-size:31px}.dance-copy p{font-size:12px}.dance-card{padding:32px 23px 24px;border-radius:22px}.dance-card-foot{flex-direction:column;align-items:center}.dance-brand small{font-size:8px}}

.dance-install{width:100%;margin-top:12px;border:1px solid #cfe2f8;background:#f6faff;color:#0b63c8;border-radius:14px;padding:12px 16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.dance-install:hover{background:#eaf4ff}.dance-install[hidden]{display:none!important}
