:root{--bg:#f6f8fc;--card:#fff;--ink:#0b1220;--muted:#667085;--line:#e3e8f1;--blue:#2563eb;--shadow:0 18px 55px rgba(15,32,62,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{max-width:1080px;margin:auto;padding:0 22px}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:950;letter-spacing:-.6px}.brand img{width:34px;height:34px}.brand b{color:var(--blue)}.navlinks{display:flex;gap:10px;align-items:center}.navlinks a,.back{padding:9px 12px;border-radius:11px;font-weight:850;color:#344054}.navlinks a:hover,.back:hover{background:#eef3ff;color:var(--blue)}.navlinks .cta{background:var(--ink);color:#fff}.navlinks .cta:hover{background:#182238;color:#fff}
main{padding:46px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:38px;max-width:850px;margin:0 auto}.eyebrow{font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}h1{font-size:44px;line-height:1.12;letter-spacing:-1.2px;margin:8px 0 14px}h2{font-size:24px;line-height:1.25;margin:30px 0 9px}p{color:#4f5b6d}.lead{font-size:18px;max-width:720px}.notice{background:#eef9f2;border-left:4px solid #18a957;padding:16px 18px;border-radius:12px;margin:24px 0}.warning{background:#fff7ed;border-left:4px solid #e58b27;padding:16px 18px;border-radius:12px;margin:24px 0}.links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.links a{display:block;background:#f5f7fb;border:1px solid #e4e9f2;border-radius:16px;padding:17px;font-weight:900;transition:.18s}.links a:hover{transform:translateY(-2px);border-color:#b9c9ed;background:#eef4ff;color:var(--blue)}.links small{display:block;margin-top:3px;color:var(--muted);font-weight:600}.footer{margin-top:34px;background:#0b1220;color:#aebbd0;padding:32px 0}.footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}.footer-title{color:#fff;font-weight:950;margin-bottom:10px}.social{display:flex;flex-wrap:wrap;gap:8px}.social a{padding:8px 11px;border:1px solid #ffffff1c;border-radius:999px;color:#dbe5f5}.copyright{border-top:1px solid #ffffff16;margin-top:24px;padding-top:18px;font-size:13px}
@media(max-width:700px){.navlinks a:not(.cta){display:none}.nav{min-height:68px}.card{padding:24px 20px;border-radius:22px}h1{font-size:34px}.lead{font-size:17px}.links{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.wrap{padding:0 16px}}

/* TP V11 page polish */
.card{box-shadow:0 24px 70px rgba(15,32,62,.08)}
.links a{transition:.2s}.links a:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,32,62,.08)}
.social a{transition:.2s}.social a:hover{transform:translateY(-2px)}

/* ===== TeknoPandu Signature Premium — utility pages ===== */
body{background:radial-gradient(circle at 50% -10%,rgba(37,99,235,.045),transparent 30%),var(--bg)}
header{box-shadow:0 8px 30px rgba(15,32,62,.035)}
.card{position:relative;overflow:hidden;box-shadow:0 24px 70px rgba(15,32,62,.09);border-color:#e0e6ef}.card:before{content:"";position:absolute;right:-90px;top:-110px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.10),transparent 68%);pointer-events:none}.card>*{position:relative}
.links a{box-shadow:0 8px 24px rgba(15,32,62,.035)}.links a:hover{box-shadow:0 16px 36px rgba(37,99,235,.10)}
.back{display:inline-block;transition:.18s}.back:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,32,62,.10)}
footer.footer{box-shadow:0 -10px 40px rgba(15,32,62,.035)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}


/* ===== V12 Signature Premium Utility Pages ===== */
body{background:radial-gradient(circle at 50% -10%,rgba(37,99,235,.06),transparent 32%),var(--bg)}
header{box-shadow:0 8px 30px rgba(15,32,62,.045)}.nav{position:relative}.navlinks .cta{box-shadow:0 10px 25px rgba(11,18,32,.12);transition:.2s}.navlinks .cta:hover{transform:translateY(-2px)}
.card{box-shadow:0 28px 75px rgba(15,32,62,.11);border-color:#dce4ef}.card:after{content:"V12";position:absolute;right:24px;top:22px;font-size:10px;font-weight:950;letter-spacing:.12em;color:#a4b1c5;opacity:.7}.links a{position:relative;overflow:hidden}.links a:after{content:"↗";position:absolute;right:17px;top:50%;transform:translateY(-50%) translateX(4px);opacity:0;color:var(--blue);font-weight:950;transition:.2s}.links a:hover:after{opacity:1;transform:translateY(-50%)}
.tp-menu-btn{display:none;border:1px solid #dbe3ef;background:#fff;border-radius:12px;width:44px;height:42px;padding:9px;cursor:pointer}.tp-menu-btn span{display:block;height:2px;background:#0b1220;border-radius:2px;margin:5px 0}.tp-mobile-menu{display:none}
@media(max-width:700px){.navlinks{display:none}.tp-menu-btn{display:block}.tp-mobile-menu{position:absolute;left:10px;right:10px;top:calc(100% + 8px);display:flex;flex-direction:column;gap:4px;padding:9px;background:rgba(255,255,255,.98);border:1px solid #dfe6f1;border-radius:17px;box-shadow:0 18px 45px rgba(15,32,62,.14);backdrop-filter:blur(16px);z-index:80}.tp-mobile-menu[hidden]{display:none}.tp-mobile-menu a{padding:11px 12px;border-radius:10px;font-weight:850;color:#344054}.tp-mobile-menu a:hover{background:#eef3ff;color:var(--blue)}.tp-mobile-menu .mobile-cta{background:#0b1220;color:#fff}}