:root{--navy:#071a38;--blue:#176fe8;--muted:#718096;--bg:#f5f8fc}*{box-sizing:border-box}body{margin:0;font:15px system-ui,Arial;color:#081a35;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.btn{cursor:pointer;border:0;border-radius:9px;padding:11px 17px;background:var(--blue);color:white;display:inline-block}button:disabled{opacity:.6}input,select,textarea{padding:11px;border:1px solid #cbd5e1;border-radius:8px;max-width:100%;width:100%}label{display:block;margin:12px 0 5px;font-weight:600}.shell{max-width:1150px;margin:auto;padding:24px}.top{background:white;border-bottom:1px solid #e2e8f0}.top .shell{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:15px 24px}.brand{font-weight:850;font-size:21px;color:#0b3274}.nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.nav a{font-size:13px}.hero{background:linear-gradient(120deg,#071a38,#0d3a87);color:white;padding:70px 0}.hero h1{font-size:clamp(36px,6vw,68px);margin:0}.hero p{font-size:19px;max-width:650px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin:24px 0}.card{background:white;border:1px solid #e2e8f0;border-radius:14px;padding:22px;box-shadow:0 5px 20px #102e5a08}.card h3{margin-top:0}.muted{color:var(--muted)}.layout{display:grid;grid-template-columns:230px 1fr;gap:24px}.sidebar{display:flex;flex-direction:column;gap:5px}.sidebar a{padding:11px;border-radius:8px;background:white}.sidebar a:hover,.nav a:hover{color:var(--blue)}.notice{padding:12px;border-radius:9px;background:#e9f2ff;margin:15px 0}.error{background:#fee2e2;color:#8a1919}.success{background:#dcfce7;color:#166534}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white}td,th{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}pre{background:#071a38;color:#d4edff;overflow:auto;padding:18px;border-radius:12px}footer{background:#071a38;color:white;padding:30px;margin-top:70px}footer a{margin-right:14px;font-size:13px}section{margin:28px 0}h1{font-size:34px}h2{font-size:25px}@media(max-width:760px){.layout{display:block}.sidebar{flex-direction:row;overflow:auto;margin-bottom:18px}.sidebar a{white-space:nowrap}.nav{overflow:auto;flex-wrap:nowrap;width:100%;margin:0}.nav a{white-space:nowrap}.hero{padding:45px 0}}

/* Premium responsive improvements */
:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{line-height:1.55}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #78b6ff;outline-offset:3px}.top{position:sticky;top:0;z-index:10;box-shadow:0 2px 18px #071a3808}.brand{letter-spacing:-.7px}.nav a{font-weight:600}.nav a:hover,.sidebar a:hover{color:#176fe8}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 55%,#176fe8 0,#0d3574 30%,#071a38 75%);padding:94px 0}.hero:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #ffffff2e;border-radius:50%;right:-100px;top:0;pointer-events:none}.hero h2{font-size:clamp(24px,3vw,39px);margin:5px 0 10px}.hero p{color:#d6e7ff}.eyebrow{display:inline-block;background:#0c705b45;border:1px solid #1cb58e75;color:#71e6c6;border-radius:30px;padding:7px 13px;font-size:12px;font-weight:700}.eyebrow.blue{background:#e8f1ff;border:0;color:#176fe8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-actions a{padding:12px 20px;border-radius:9px;background:#176fe8;color:#fff;font-weight:700}.hero-actions a+ a{background:transparent;border:1px solid #adc8ef}.hero-points{display:flex;flex-wrap:wrap;gap:22px;color:#c6ddff;font-size:13px}.card{transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 14px 35px #102e5a12;transform:translateY(-2px)}.sidebar{align-self:start;max-height:75vh;overflow:auto;position:sticky;top:90px}.sidebar a{font-size:13px}.page-head{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.mode{border-radius:30px;background:#fff3d6;color:#8d5a08;padding:7px 12px;font-size:12px;font-weight:800}.mini-icon{font-size:24px;color:#176fe8}.notice{border-left:3px solid #176fe8}pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:760px){.hero{padding:65px 0}.sidebar{position:static;max-height:none}.top .shell{padding:12px 16px}.shell{padding:18px}.hero-points{gap:10px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
