:root{--ink:#142235;--muted:#637083;--line:#dce5ed;--green:#149a32;--green2:#23b541;--pale:#eef8ff;--cream:#f5f8fb;--white:#fff;--danger:#d52026;--blue:#087bc1;--navy:#06265c;--cyan:#05aeea}
body{color:var(--ink);background:radial-gradient(circle at 10% 4%,rgba(5,174,234,.11),transparent 30rem),radial-gradient(circle at 92% 18%,rgba(31,177,61,.08),transparent 25rem),linear-gradient(180deg,#fafdff,#f3f7fb)}
.topbar{background:linear-gradient(100deg,rgba(4,30,70,.98),rgba(4,74,126,.96));border-bottom:1px solid rgba(255,255,255,.14)}
.brand{gap:14px}.brand-logo{width:54px!important;height:54px!important;overflow:hidden;border-radius:15px!important;background:#fff!important;border:2px solid rgba(255,255,255,.85)!important;box-shadow:0 7px 20px rgba(0,0,0,.2)!important}.brand-logo img{width:100%;height:100%;object-fit:cover;display:block}.brand strong{font-size:19px;letter-spacing:.01em}.brand small{color:#bddcf2}
.topbar .ghost{background:rgba(255,255,255,.1);color:#eaf7ff;border:1px solid rgba(255,255,255,.14)}.topbar .ghost:hover{background:rgba(255,255,255,.17);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.hero{position:relative;isolation:isolate;overflow:hidden;border-color:rgba(8,123,193,.14);background:linear-gradient(118deg,rgba(255,255,255,.98),rgba(237,248,255,.94));box-shadow:0 24px 70px rgba(5,62,108,.1)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;z-index:-1}.hero:before{width:190px;height:190px;right:11%;top:-130px;background:linear-gradient(145deg,rgba(5,174,234,.24),rgba(0,81,173,.08))}.hero:after{width:34px;height:34px;right:29%;top:22px;background:linear-gradient(145deg,#29bd46,#078426);box-shadow:70px 55px 0 12px rgba(5,165,224,.12)}.hero-watermark{position:absolute;right:-45px;bottom:-115px;width:390px;opacity:.045;z-index:-1}.eyebrow,.result-card>span{color:var(--blue)}.hero h1{color:var(--navy);max-width:800px}.hero-badge{background:linear-gradient(145deg,#e9f7ff,#eef9f1);border-color:rgba(8,123,193,.14)}.hero-badge strong{color:var(--navy)}
.step{background:linear-gradient(145deg,#e7f6ff,#edf9f0);color:var(--blue)}.card{border-color:rgba(5,75,126,.1);box-shadow:0 12px 38px rgba(5,58,102,.065)}.card:hover{box-shadow:0 18px 48px rgba(5,58,102,.1)}th{background:#edf7fc;color:#35546c}.level-pill{background:#e8f6ff;color:var(--blue)}td input:focus{outline:2px solid rgba(5,174,234,.55)}label input:focus,label select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(5,174,234,.12)}
.primary{background:linear-gradient(135deg,#087bc1,#075bad);box-shadow:0 10px 24px rgba(4,102,176,.25)}.primary:hover{background:linear-gradient(135deg,#076cae,#064f9b)}.ghost{background:#eaf6fc;color:#075b97}.result-card{background:linear-gradient(135deg,#041f50,#076cae 72%,#0789c7);box-shadow:0 20px 45px rgba(4,57,110,.24)}.result-card:after{background:rgba(34,187,66,.2)}.metric-grid article{border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--blue),var(--cyan),var(--green)) 1}.bar i{background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green))}.ok{color:#128a2d}.warn{color:#c87300}
footer:before{content:"IBChem • ";font-weight:800;color:var(--blue)}
@media(max-width:620px){.brand-logo{width:48px!important;height:48px!important}.brand small{font-size:10px}.hero-watermark{width:260px;right:-70px;bottom:-60px}}