:root{--venio-blue:#0b1c3f;--venio-sky:#0097ff;--venio-sky-dark:#0075cc;--venio-emerald:#3dc47e;--venio-dark:#2e2e2e;--venio-light:#f5f6fa;--venio-mint:#eaf8f2;--text:#0f172a;--muted:#0f172aa8;--border:#0b1c3f24;--glass-bg:#ffffffc7;--glass-border:#ffffff75;--glass-shadow:0 26px 70px #0b1c3f29;--ring:#0097ff59;--radius:18px;font-optical-sizing:auto;color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 700px at 10% 0%, #0097ff42, transparent 58%), radial-gradient(900px 600px at 90% 10%, #3dc47e38, transparent 60%), radial-gradient(900px 700px at 50% 105%, #0b1c3f24, transparent 60%), var(--venio-light);height:100%;margin:0}body{min-height:100vh;position:relative}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:-20vh -10vw}body:before{filter:blur(22px);opacity:.62;background:radial-gradient(520px 360px at 12% 14%,#0097ff59,#0000 60%),radial-gradient(520px 360px at 88% 22%,#3dc47e4d,#0000 62%),radial-gradient(640px 420px at 56% 86%,#0075cc2e,#0000 64%)}body:after{opacity:.55;background:radial-gradient(1200px 900px,#ffffff59,#fff0 62%)}#root{z-index:1;min-height:100vh;position:relative}a{color:inherit}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.page{flex-direction:column;min-height:100vh;display:flex}.shell{width:100%;max-width:1180px;margin:0 auto;padding:0 28px}.top{padding:28px 0 18px}.top__glass{border-radius:var(--radius);background:#0b1c3fd1;border:1px solid #ffffff38;justify-content:space-between;align-items:flex-end;gap:22px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #0b1c3f33}.top__glass:before{content:"";opacity:.9;pointer-events:none;background:radial-gradient(980px 540px at 75% 30%,#0097ff59,#0000 60%),radial-gradient(760px 520px at 20% 18%,#3dc47e42,#0000 62%);position:absolute;inset:-1px}.kicker{color:#ffffffd1;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700;position:relative}.top__title{color:#fff;letter-spacing:-.03em;margin:6px 0 8px;font-size:30px;position:relative}.top__sub{color:#ffffffdb;margin:0;position:relative}.score{text-align:right;position:relative}.score__label{color:#fffc;font-size:12px}.score__value{color:#fff;letter-spacing:-.02em;font-size:30px;font-weight:800}.score__muted{color:#fffc;font-weight:700}.progress{background:#ffffff2e;border:1px solid #ffffff2e;border-radius:999px;height:10px;margin:18px 0 0;overflow:hidden}.progress__bar{background:linear-gradient(90deg, var(--venio-sky-dark), var(--venio-sky), var(--venio-emerald));border-radius:999px;height:100%}.main{flex:1;padding:26px 0 46px}.card{border-radius:var(--radius);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(20px)saturate(1.25);position:relative;overflow:hidden}.card:before{content:"";border-radius:var(--radius);-webkit-mask-composite:xor;pointer-events:none;opacity:.75;background:linear-gradient(135deg,#0097ff52,#ffffff2e,#3dc47e47);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card--hero{max-width:620px;margin:0 auto;padding:22px}.authGrid{gap:16px;display:grid}@media (width>=860px){.card--hero{max-width:900px}.authGrid{grid-template-columns:1.1fr .9fr;align-items:center;gap:22px}}.authCopy{padding:6px}.authCopy__k{letter-spacing:.12em;text-transform:uppercase;color:#0b1c3fad;margin-bottom:8px;font-size:12px;font-weight:900}.authCopy__h{letter-spacing:-.02em;color:var(--venio-blue);margin:0 0 10px;font-size:22px}.authCopy__p{color:var(--muted);margin:0 0 12px}.authList{gap:12px;margin:0;padding:0;list-style:none;display:grid}.authList li{background:#fff9;border:1px solid #0b1c3f1a;border-radius:16px;grid-template-columns:10px 1fr;align-items:start;gap:10px;padding:12px 14px;display:grid}.authList li:before{content:"";background:linear-gradient(135deg, var(--venio-sky-dark), var(--venio-sky));border-radius:999px;width:10px;height:10px;margin-top:4px;box-shadow:0 10px 22px #0075cc33}.authFormCard{border-radius:calc(var(--radius) - 4px);background:radial-gradient(820px 420px at 20% 15%,#0097ff38,#0000 62%),radial-gradient(760px 520px at 85% 40%,#3dc47e2e,#0000 62%),#ffffff9e;border:1px solid #fff6;padding:16px}.card__title{color:var(--venio-blue);letter-spacing:-.01em;margin:0 0 6px;font-size:18px}.card__subtitle{color:var(--muted);margin:0 0 14px}.form{gap:12px;display:grid}.field{gap:6px;display:grid}.field__label{color:var(--venio-blue);font-size:13px;font-weight:700}.field__input{width:100%;color:var(--text);background:#ffffffb8;border:1px solid #0b1c3f29;border-radius:14px;padding:12px;font-size:14px}.field__error{color:#7a1515;min-height:16px;font-size:12px}.actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.btn{appearance:none;color:var(--text);cursor:pointer;background:#ffffffb3;border:1px solid #0b1c3f24;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex}.btn:hover{filter:brightness(1.02);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--primary{background:linear-gradient(135deg, var(--venio-sky-dark), var(--venio-sky));color:#fff;border-color:#ffffff38;box-shadow:0 14px 30px #0075cc4d}.btn--ghost{color:var(--venio-blue);background:#ffffff8c;border-color:#0b1c3f29}.btn--wide{width:100%;padding:12px 14px}.toolbar{justify-content:flex-end;margin-bottom:16px;display:flex}.layout{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=1060px){.layout{grid-template-columns:320px 1fr;align-items:stretch;gap:18px}}.navCard{flex-direction:column;min-height:0;padding:14px;display:flex;position:sticky;top:16px}.navCard__head{justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 12px 14px;display:flex}.navCard__k{letter-spacing:.12em;text-transform:uppercase;color:#0b1c3fa3;font-size:12px;font-weight:900}.navCard__h{color:var(--venio-blue);letter-spacing:-.01em;margin-top:4px;font-size:16px;font-weight:900}.navCard__actions{justify-content:flex-end;padding:12px 12px 6px;display:flex}.navList{flex:1;gap:12px;min-height:0;padding:0 12px 10px;display:grid;overflow:auto}.navItem{appearance:none;text-align:left;cursor:pointer;background:#fff9;border:1px solid #0b1c3f1f;border-radius:16px;width:100%;padding:12px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}.navItem:hover{background:#ffffffb8;transform:translateY(-1px);box-shadow:0 14px 30px #0b1c3f1a}.navItem--active{background:#eaf8f2c7;border-color:#3dc47e52;box-shadow:0 18px 40px #0b1c3f1f}.navItem__title{color:#0b1c3feb;letter-spacing:-.01em;margin-bottom:8px;font-size:14px;font-weight:900}.navItem__meta{gap:8px;display:grid}.navItem__count{color:#0b1c3fa8;font-size:12px;font-weight:900}.navItem__bar{background:#0b1c3f1a;border-radius:999px;height:8px;overflow:hidden}.navItem__barFill{background:linear-gradient(90deg, var(--venio-sky-dark), var(--venio-sky), var(--venio-emerald));border-radius:999px;height:100%;display:block}.sectionCard{flex-direction:column;min-height:0;padding:14px;display:flex}.sectionHead{justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 12px 14px;display:flex}.sectionK{letter-spacing:.12em;text-transform:uppercase;color:#0b1c3fa3;font-size:12px;font-weight:900}.sectionH{color:var(--venio-blue);letter-spacing:-.02em;margin:6px 0 0;font-size:18px}.badge{color:var(--venio-blue);background:#ffffff8c;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.rows{gap:12px;padding:0 12px 14px;display:grid}.rows--single{flex:1;min-height:0;padding-top:2px;overflow:auto}.row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5f6fab8;border:1px solid #0b1c3f1a;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px;transition:box-shadow .16s,border-color .16s,background .16s;display:grid}.row:hover{background:#ffffffb8;border-color:#0b1c3f29;box-shadow:0 14px 30px #0b1c3f1a}.row__text{line-height:1.42}.row__control input[type=checkbox]{width:18px;height:18px;accent-color:var(--venio-sky)}.row--on{background:#fffc;border-color:#0097ff42}.sectionActions{justify-content:flex-end;margin-top:auto;padding:0 12px 16px;display:flex}.scoreWrap{margin-top:22px}@media (width>=1060px){.navCard,.sectionCard{height:clamp(640px,72vh,820px)}}.note{border-left:4px solid var(--venio-emerald);background:var(--venio-mint);border-radius:16px;flex:none;margin:2px 12px 14px;padding:14px}.note__k{letter-spacing:.08em;text-transform:uppercase;color:#0b1c3fad;margin-bottom:4px;font-size:12px;font-weight:800}.note__v{color:#0b1c3feb;font-weight:600}.resultCard{padding:0}.card--result{margin-top:0}.resultGrid{grid-template-columns:1fr;gap:18px;padding:18px;display:grid}@media (width>=920px){.resultGrid{grid-template-columns:.95fr 1.05fr;gap:18px;padding:20px}}.resultLeft{border-radius:calc(var(--radius) - 4px);color:#ffffffeb;text-align:center;background:radial-gradient(800px 420px at 20% 20%,#0097ff4d,#0000 60%),radial-gradient(640px 420px at 85% 35%,#3dc47e38,#0000 62%),#0b1c3fdb;border:1px solid #ffffff2e;grid-template-rows:auto auto auto auto;align-content:center;justify-items:center;gap:14px;padding:18px;display:grid;position:relative;overflow:hidden}.resultLabel{letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7;margin-bottom:0;font-size:13px;font-weight:900}.ring{width:140px;height:140px;margin:0;position:relative}.ring__svg{width:140px;height:140px;display:block;transform:rotate(-90deg)}.ring__track{fill:none;stroke:#ffffff24;stroke-width:10px}.ring__bar{transform-origin:60px 60px}.ring__center{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.ring__value{color:#fff;letter-spacing:-.02em;font-size:30px;font-weight:900;line-height:1}.ring__total{color:#ffffffb8;margin-top:4px;font-size:13px;font-weight:800}.resultBandChip{letter-spacing:-.01em;text-align:center;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:0;padding:10px 12px;font-weight:900;display:inline-flex}.resultBandChip--ok,.resultBandChip--warn,.resultBandChip--bad{color:#fffffff0}.resultHint{color:#ffffffc7;max-width:420px;margin-bottom:12px;font-size:13px}.resultActions{gap:10px;width:100%;margin-top:2px;display:grid}.resultActions .btn{width:100%}.status{color:#ffffffb8;text-align:center;min-height:18px;font-size:13px}.resultRight{border-radius:calc(var(--radius) - 4px);background:#ffffff8f;border:1px solid #ffffff57;padding:18px}.bandsTitle{color:var(--venio-blue);letter-spacing:-.01em;margin-bottom:10px;font-weight:900}.bands{gap:12px;margin-bottom:16px;display:grid}.bandRow{background:#ffffff94;border:1px solid #0b1c3f1a;border-radius:16px;grid-template-columns:10px 74px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.bandRow--active{background:#eaf8f2c7;border-color:#3dc47e59;box-shadow:0 14px 30px #0b1c3f1a}.bandDot{background:linear-gradient(135deg, var(--venio-sky-dark), var(--venio-sky));border-radius:999px;width:10px;height:10px;box-shadow:0 10px 22px #0075cc33}.bandK{color:#0b1c3fad;font-weight:900}.bandV{color:#0b1c3feb;font-weight:700}.marker{background:#ffffff8f;border:1px solid #0b1c3f1a;border-radius:16px;padding:14px}.marker__track{background:#0b1c3f1a;border-radius:999px;height:10px;margin-bottom:10px;overflow:hidden}.marker__fill{background:linear-gradient(90deg, var(--venio-sky-dark), var(--venio-sky), var(--venio-emerald));border-radius:999px;height:100%}.marker__meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.marker__k{color:#0b1c3fb3;font-weight:800}.marker__v{color:#0b1c3feb;font-weight:900}.end__row{justify-content:center;margin:10px 0;display:flex}.end{place-items:center;padding:8px 0 18px;display:grid}.endCard{width:100%;max-width:980px;padding:22px}.endPanel{border-radius:calc(var(--radius) + 2px);text-align:center;background:radial-gradient(920px 520px at 20% 20%,#0097ff4d,#0000 60%),radial-gradient(760px 520px at 85% 35%,#3dc47e38,#0000 62%),#0b1c3fe0;border:1px solid #ffffff2e;justify-items:center;gap:16px;padding:30px;display:grid}.endK{letter-spacing:.18em;text-transform:uppercase;color:#ffffffd1;font-size:13px;font-weight:900}.endPanel .ring,.endPanel .ring__svg{width:168px;height:168px}.endChip{letter-spacing:-.01em;color:#fffffff0;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;width:min(720px,100%);padding:12px 14px;font-weight:900}.endCta{width:min(520px,100%)}.endNote{color:#ffffffbd;max-width:720px;font-size:13px}.footer{border-top:none;padding:16px 0 26px}.footer__inner{justify-content:space-between;align-items:center;display:flex}.footer__text{color:var(--muted);font-size:13px}@media (width<=720px){.top__glass{flex-direction:column;align-items:flex-start}.score{text-align:left}.navCard{position:static}.layout{gap:14px}.bandRow{grid-template-columns:10px 1fr}.bandK{display:none}}