:root{--navy:#071b36;--blue:#1265d6;--green:#18a361;--line:#dce4ef;--bg:#f4f7fb;--ink:#132238;--muted:#62728a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.public-nav{height:70px;background:var(--navy);color:white;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));gap:13px}.public-nav .mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#1696ff,#0d4ab7);display:grid;place-items:center;font-weight:900}.public-nav strong{font-size:18px}.public-nav span{color:#a9bfdc}.public-nav .links{margin-left:auto;display:flex;gap:12px}.btn{display:inline-block;border:0;border-radius:9px;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer}.btn.primary{background:var(--blue);color:white}.btn.secondary{background:white;color:var(--blue);border:1px solid #cbd9eb}.hero{background:linear-gradient(145deg,#071b36,#0d4786);color:white;padding:86px 24px}.hero>div,.public-wrap{max-width:1180px;margin:auto}.hero h1{font-size:48px;line-height:1.05;max-width:760px;margin:0 0 20px}.hero p{font-size:19px;line-height:1.6;max-width:800px;color:#d4e4f7}.public-wrap{padding:55px 24px}.section-title{text-align:center;margin-bottom:30px}.section-title h2{font-size:32px;margin:0 0 10px}.section-title p{color:var(--muted)}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package,.card{background:white;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 5px 18px #17355d0d}.package h3{margin:0}.package .units{font-size:34px;font-weight:900;color:var(--blue);margin:20px 0 3px}.package .price{color:var(--muted);margin-bottom:22px}.package .btn{width:100%}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.step{background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.step b{display:block;color:var(--blue);font-size:22px;margin-bottom:8px}.order-box{max-width:760px;margin:35px auto 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:13px;font-weight:750;margin-bottom:13px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.message{padding:14px;border-radius:9px;margin-top:15px}.message.ok{background:#dcfce7;color:#166534}.message.error{background:#fee2e2;color:#991b1b}.portal-main{max-width:1180px;margin:auto;padding:40px 24px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:20px}.metric{background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:27px;margin-top:7px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e8edf4;padding:12px 9px;font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase}.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.PENDING{background:#fef3c7;color:#92400e}.PAID{background:#dcfce7;color:#166534}.REJECTED{background:#fee2e2;color:#991b1b}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#061a35,#0d4b91);padding:20px}.login-box{width:min(420px,100%);background:white;border-radius:17px;padding:34px}.login-box .btn{width:100%}@media(max-width:850px){.packages,.steps{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hero h1{font-size:36px}.packages,.steps,.grid2{grid-template-columns:1fr}.public-nav span{display:none}}