*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}.app{background:#f3f6fc;min-height:100vh}.header{color:#fff;background:#172554;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:12px 8%;display:flex}.logo{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.3rem;font-weight:700}.navigation{flex-wrap:wrap;gap:8px;display:flex}.nav-button{color:#dbeafe;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 14px;transition:background .2s,color .2s}.nav-button:hover,.nav-button.active{color:#fff;background:#2563eb}.content{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(760px,84%);margin:80px auto;padding:40px;box-shadow:0 12px 35px #17255414}.eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;font-weight:700}.content h1{color:#172554;margin:16px 0;font-size:clamp(2rem,5vw,3rem)}.description{color:#334155;font-size:1.15rem;line-height:1.6}.hint{color:#64748b;margin-top:32px}@media (width<=650px){.header{flex-direction:column;align-items:flex-start;padding:18px 6%}.content{margin:32px auto;padding:26px}}.logo,.nav-button,.content,.content *{text-transform:none!important}