:root{--navy:#092a42;--teal:#16a596;--gold:#e4a735;--bg:#f5f7f8;--text:#173246}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}header{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100% - 1180px)/2));position:sticky;top:0;z-index:10;box-shadow:0 2px 15px #092a4212}.brand{font-size:22px;font-weight:800}.brand b{display:inline-grid;place-items:center;background:var(--teal);color:#fff;border-radius:9px;width:42px;height:42px;margin-right:7px}.brand span,em{color:var(--teal)}nav{display:flex;gap:25px;align-items:center}.button,button{background:var(--teal);color:#fff;border:0;border-radius:8px;padding:13px 20px;font-weight:700;cursor:pointer}.hero{background:var(--navy);color:#fff;min-height:530px;padding:85px max(6%,calc((100% - 1180px)/2));display:grid;grid-template-columns:1.35fr .75fr;gap:80px;align-items:center}.hero h1{font-size:58px;line-height:1.05;margin:15px 0}.hero p{font-size:19px;color:#d9e5eb;max-width:620px;line-height:1.6}.eyebrow{font-weight:800;font-size:12px;letter-spacing:1.8px;color:var(--teal)}.search,.panel,.formpage form,.admin form{background:#fff;color:var(--text);padding:30px;border-radius:14px;display:grid;gap:14px;box-shadow:0 20px 50px #0003}input,select,textarea{width:100%;padding:13px;border:1px solid #d5dfe5;border-radius:7px;font:inherit}.section,.pagehead,.content,.formpage,.admin,.detail{max-width:1180px;margin:auto;padding:70px 20px}.section h2,.pagehead h1,.content h1,.formpage h1{font-size:38px;margin:10px 0 30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 7px 25px #092a4215}.cover{height:150px;background:linear-gradient(135deg,var(--navy),var(--teal));display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:2px}.body{padding:22px}.body h3{font-size:21px}.body p{color:#637786;line-height:1.5}.price{border-top:1px solid #e6ecef;padding-top:16px;display:flex;justify-content:space-between}.price a{color:var(--teal);font-weight:800}.dark{background:var(--navy);color:#fff;text-align:center;padding:75px 20px}.newsletter{padding:55px 20px;text-align:center}.newsletter form{display:flex;max-width:600px;margin:20px auto}.newsletter input{border-radius:8px 0 0 8px}.newsletter button{border-radius:0 8px 8px 0}.detail{display:grid;grid-template-columns:1.5fr .7fr;gap:30px}.detail h1{font-size:46px}.panel{box-shadow:0 8px 30px #092a4214}.panel form,label{display:grid;gap:7px}.panel form{display:grid;gap:15px}.check{display:flex!important;align-items:flex-start;font-size:13px}.check input{width:auto}.formpage{max-width:760px}.formpage form{box-shadow:0 8px 30px #092a4214}.content{max-width:850px;background:#fff;margin-top:45px;margin-bottom:45px;border-radius:15px}.content p,.content li{font-size:17px;line-height:1.75}.content h2{margin-top:35px}.flash,.error{max-width:1180px;margin:15px auto;padding:15px;border-radius:8px;background:#daf4eb;color:#08705d}.error{background:#ffe2e2;color:#a30000}.ad{max-width:1180px;margin:25px auto;display:flex;padding:25px;background:#fff;border:2px dashed #ccd7dc;justify-content:center;gap:20px}.admin nav{margin:20px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats div{background:#fff;padding:30px;border-radius:12px}.stats b{font-size:36px;display:block}.table{overflow:auto;background:#fff;margin-top:25px}.table table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px;text-align:left;border-bottom:1px solid #e4eaed}.table small{display:block;color:#71818d;margin-top:5px}footer{background:#061f31;color:#dbe6eb;padding:50px max(5%,calc((100% - 1180px)/2));display:flex;gap:35px;align-items:center;flex-wrap:wrap}footer div{display:flex;gap:15px;margin-left:auto}@media(max-width:850px){header{padding:12px 18px;height:auto}.brand{font-size:17px}header nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding:60px 20px;gap:30px}.hero h1{font-size:42px}.grid{grid-template-columns:1fr}.detail{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.newsletter form{display:grid}.newsletter input,.newsletter button{border-radius:8px}footer{display:block}footer div{margin:20px 0;flex-wrap:wrap}}

@import url("admin-update.css");
