:root{--navy:#061427;--blue:#0d6efd;--gold:#ffbd2e;--text:#162033}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7fbff;color:var(--text)}a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 22px}.top{background:var(--navy);color:#dfefff;font-size:13px}.top .container{display:flex;justify-content:space-between;padding:8px 22px}.header{position:sticky;top:0;z-index:50;background:#ffffffdd;backdrop-filter:blur(16px);box-shadow:0 8px 30px #06142714}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-weight:900}.logo{width:62px;height:62px;border-radius:18px;object-fit:cover;box-shadow:0 0 0 4px #fff,0 12px 35px #0d6efd44;animation:pulse 3s infinite}.brand span{font-size:22px}.menu{display:flex;gap:18px;align-items:center;font-weight:800}.lock{background:linear-gradient(135deg,var(--navy),#0a5bd8);color:white;border-radius:999px;padding:11px 16px;box-shadow:0 12px 30px #0d6efd44}.hero{background:radial-gradient(circle at 70% 15%,#2f85ff55,transparent 32%),linear-gradient(135deg,#061427,#082c59 58%,#0d6efd);color:white;overflow:hidden}.hero .container{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;padding-top:80px;padding-bottom:80px}.badge{display:inline-flex;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:8px 13px;font-weight:900}h1{font-size:56px;line-height:1.02;margin:22px 0 18px;letter-spacing:-2px}.lead{font-size:19px;line-height:1.7;color:#e8f3ff}.btn{display:inline-flex;border-radius:16px;padding:15px 20px;font-weight:900;margin-right:10px}.primary{background:var(--gold);color:#111}.secondary{background:#ffffff17;color:white;border:1px solid #ffffff33}.hero-card{background:#fff;border-radius:34px;padding:18px;box-shadow:0 30px 80px #0005;transform:rotate(1.2deg)}.hero-card img{width:100%;border-radius:26px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-38px;position:relative}.stat{background:white;border-radius:24px;padding:22px;box-shadow:0 20px 45px #06142712}.stat b{font-size:30px;color:#0a5bd8}.section{padding:76px 0}.kicker{color:#0a5bd8;font-weight:900;text-transform:uppercase;letter-spacing:1px}.title{font-size:38px;margin:8px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border-radius:28px;overflow:hidden;box-shadow:0 18px 45px #06142712;border:1px solid #e8f1ff}.card img{width:100%;height:230px;object-fit:cover;display:block;transition:.4s}.card:hover img{transform:scale(1.055)}.card .p{padding:22px}.chip{display:inline-block;background:#eef6ff;color:#0a5bd8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature,.panel{background:white;border:1px solid #e4eefb;border-radius:26px;padding:24px;box-shadow:0 20px 55px #06142712}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.list{display:grid;gap:12px}.list div{background:#f4f9ff;border-radius:16px;padding:14px 16px;font-weight:800}.footer{background:#061427;color:#dcecff;padding:50px 0}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.floatwa{position:fixed;right:20px;bottom:20px;background:#25d366;color:white;border-radius:999px;padding:15px 18px;font-weight:900;box-shadow:0 15px 40px #25d36666}.input{width:100%;padding:15px;border:1px solid #d9e6f6;border-radius:16px;margin:8px 0 14px}.save{background:#0d6efd;color:white;border:0;border-radius:14px;padding:13px 18px;font-weight:900}.loginbody{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#1f7cff55,transparent 35%),#061427}.login{width:min(430px,92vw);background:#fff;border-radius:34px;padding:32px;box-shadow:0 30px 90px #0008}.admin{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#061427;color:white;padding:25px}.main{padding:30px}.table{width:100%;border-collapse:collapse;background:white;border-radius:20px;overflow:hidden}.table th,.table td{padding:14px;border-bottom:1px solid #edf2f8;text-align:left}@keyframes pulse{50%{filter:drop-shadow(0 0 18px #ffbd2e)}}@media(max-width:900px){.hero .container,.split,.footgrid{grid-template-columns:1fr}.grid,.features,.stats{grid-template-columns:1fr}.menu{display:none}h1{font-size:40px}}