:root{--ptc-primary:#0b57a3;--ptc-green:#146a2d;--ptc-dark:#0b132b;--ptc-gray:#6b7280;--bg:#ffffff;--surface:#ffffff;--text:#212529;--muted:#6c757d;--border:#eef2f7}
:root[data-theme="dark"]{--bg:#0b111f;--surface:#0e172d;--text:#e6ecff;--muted:#a9b4d0;--border:#1f2a44;--ptc-primary:#5aa3ff}
html,body{background:var(--bg);color:var(--text)}
body{scroll-behavior:smooth}
.navbar{border-bottom:1px solid var(--border);background:var(--surface)!important}
.navbar .nav-link{color:var(--text)}.navbar .nav-link:hover{color:var(--ptc-primary)}
.navbar-brand img{height:42px;width:auto}
.btn-ptc{background:var(--ptc-primary);border-color:var(--ptc-primary);color:#fff}
.btn-ptc:hover{background:#094786;border-color:#094786}
.hero{background:radial-gradient(80rem 35rem at 10% 10%, rgba(11,87,163,.18), transparent),linear-gradient(160deg, var(--ptc-dark) 0%, #1f2a44 50%, var(--ptc-dark) 100%);color:#fff;padding:7rem 0 5rem}
.hero .lead{color:#dbe7ff}
section{padding:4rem 0}.section-intro{max-width:760px;margin:0 auto 2rem;color:var(--muted)}
.card{background:var(--surface);color:var(--text);border-color:var(--border)}.border{border-color:var(--border)!important}
.service-card .bi{font-size:2rem;color:var(--ptc-primary)}
.team-card img{border-radius:.5rem;object-fit:cover;width:100%;height:260px;background:#f1f3f5}
.badge-category{background:#e7f1ff;color:#0b57a3;border:1px solid #cfe2ff}
:root[data-theme="dark"] .badge-category{background:#13223e;color:#5aa3ff;border:1px solid #1e335e}
footer{background:var(--ptc-dark);color:#c9d6ff;padding:2rem 0}footer a{color:#c9d6ff;text-decoration:none}footer a:hover{text-decoration:underline}
.logo-ring{filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}
.card-project .thumb{height:180px}
.theme-toggle{border:1px solid var(--border)}
/* Animations */
@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}
.logo-anim{animation:floaty 4s ease-in-out infinite}
.logo-anim:hover{transform:rotate(-3deg) scale(1.03);transition:transform .3s ease}
.reveal{opacity:0;transform:translateY(18px)}.reveal.show{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}
.card:hover{transform:translateY(-4px);transition:transform .25s ease}
@media (prefers-reduced-motion: reduce){.logo-anim{animation:none}.reveal,.reveal.show,.card:hover{transition:none;transform:none}}