*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#18304b;font:16px system-ui,Arial}header{display:flex;justify-content:space-between;align-items:center;padding:17px 6%;background:#fff;border-bottom:1px solid #e4e9f0}a{color:#155c92}header a{text-decoration:none}header nav{display:flex;gap:22px}.brand{display:flex;gap:12px;align-items:center;color:#142b46;font-weight:800}.brand img{width:44px;height:44px}.brand small{display:block;font-size:11px;color:#64748b;font-weight:400}.auth{min-height:67vh;display:grid;place-items:center;padding:55px 18px}.panel{width:min(100%,450px);background:white;border:1px solid #e4eaf1;border-radius:18px;padding:35px;box-shadow:0 10px 35px #102b4610}.eyebrow{font-size:12px;letter-spacing:1.8px;color:#b08b42;font-weight:700}.panel h1{font-size:26px}.note,.lead{color:#65758a;line-height:1.6}label{display:block;margin-top:18px;font-size:14px;font-weight:650}input{display:block;margin-top:7px;width:100%;padding:13px;border:1px solid #ccd5e0;border-radius:8px;font:inherit}button,.cta{display:inline-block;background:#1b628d;color:#fff;border:0;border-radius:8px;padding:13px 22px;font-weight:650;cursor:pointer;text-decoration:none}form button{width:100%;margin-top:24px}.below{text-align:center;font-size:13px}.hero{max-width:1180px;margin:0 auto;padding:75px 28px;display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center}.hero h1{font-size:clamp(36px,5vw,65px);line-height:1.12;margin:10px 0}.hero em{color:#b28b41}.actions{display:flex;gap:18px;align-items:center;margin:24px 0}.hero-card{background:white;border-radius:22px;padding:45px 28px;text-align:center;box-shadow:0 10px 30px #17355412}.hero-card img{width:100px}.hero-card strong,.hero-card small{display:block;margin:15px}.features,.dashboard{max-width:1180px;margin:auto;padding:55px 28px}.feature-grid,.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.feature-grid article,.stat{background:white;border:1px solid #e3eaf2;border-radius:14px;padding:24px}.stat strong{display:block;font-size:32px;margin-top:12px}.staging{font-size:12px;color:#69788b}footer{background:#163a5d;color:white;text-align:center;padding:25px;font-size:13px}footer small{color:#c5d5e3}@media(max-width:720px){.hero{grid-template-columns:1fr}.hero-card{padding:25px}.panel{padding:25px}header{padding:14px}header nav{gap:10px;font-size:13px}}
/* Premium vibrant white edition */
:root{--navy:#112c52;--blue:#1457ac;--gold:#cf9b37;--sky:#eaf6ff}html{scroll-behavior:smooth}body{background:linear-gradient(155deg,#fff 0%,#eef8ff 48%,#fff9ed 100%);color:var(--navy)}header{background:#ffffffed;backdrop-filter:blur(14px);box-shadow:0 5px 24px #123f7b0b;border-bottom:1px solid #dbe9f7;position:relative;z-index:2}.brand img{width:66px;height:56px;object-fit:contain;border-radius:9px;background:white}.brand{font-size:19px}.brand b{color:#b98722}header nav a{font-weight:650;color:#22466d}.hero{min-height:550px}.hero h1{font-weight:850;letter-spacing:-2px}.hero em{font-style:normal;background:linear-gradient(100deg,#125cb8,#b8892b);color:transparent;background-clip:text}.eyebrow{color:#ad7823}.lead{font-size:17px}.cta,button{background:linear-gradient(110deg,#1459b0,#287cd2);box-shadow:0 8px 22px #1863b33a;border-radius:11px}.cta:hover,button:hover{filter:brightness(1.07)}.hero-card,.panel,.stat,.feature-grid article{background:linear-gradient(145deg,#fff,#f8fcff);border:1px solid #d8e9f8;box-shadow:0 16px 40px #153b6b14}.hero-card{border-top:5px solid #d5a342}.hero-card img{width:min(260px,85%);height:190px;object-fit:contain;border-radius:12px}.feature-grid article{border-radius:20px;border-top:3px solid #d2a046}.feature-grid article span{color:#b78628;font-weight:800}.panel{border-radius:24px}.panel h1,.features h2,.dashboard h1{color:#12365e}input{background:#fcfeff;border-color:#c6daeb}input:focus{outline:3px solid #b8ddff;border-color:#3981c4}.stat{border-radius:18px;border-left:4px solid #c99c46}.stat strong{color:#135ba9}footer{background:linear-gradient(100deg,#102e53,#16578e)}@media(max-width:720px){.hero{padding-top:44px;padding-bottom:35px;min-height:unset}.hero h1{letter-spacing:-1px}.brand{font-size:15px}.brand img{width:48px;height:43px}.hero-card img{height:140px}}