*{box-sizing:border-box}body{margin:0;font-family:'Manrope',system-ui,-apple-system,sans-serif;background:#0f1013;color:#f5f6f7;line-height:1.5;}a{text-decoration:none;color:#fff;}a:hover{opacity:.85}
:root{--sidebar-w:250px;--accent:#ff5c2b;--accent-grad:linear-gradient(90deg,#ff732b,#ff2b5c);--bg:#0f1013;--bg-alt:#171a20;--border:#23262d;--radius:16px}
.layout{display:flex;min-height:100dvh;}
.sidebar{width:var(--sidebar-w);background:#111317;padding:20px;display:flex;flex-direction:column;gap:24px;position:fixed;inset:0 auto 0 0;transform:translateX(0);transition:.3s ease;z-index:5000;border-right:1px solid var(--border)}
.sidebar .brand{font-size:1.4rem;font-weight:800;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.main-nav{display:flex;flex-direction:column;gap:6px}
.nav-link{padding:10px 14px;border-radius:10px;font-weight:600;font-size:.92rem;background:#181b22;border:1px solid #1f232b;display:flex;align-items:center;gap:8px;transition:.25s}
.nav-link:hover{background:#20242c}
.burger{display:none;position:fixed;top:14px;left:14px;width:46px;height:42px;border-radius:12px;background:#181b22;border:1px solid #262a31;z-index:6000;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{width:24px;height:3px;border-radius:4px;background:#fff;display:block}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.3s;z-index:4000}
.overlay.show{opacity:1;pointer-events:auto}
.main-area{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-width:0}
.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#12151a;border-bottom:1px solid #1f242c;position:sticky;top:0;z-index:30}
.topbar-inner{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}
.top-nav,.topbar-actions{display:flex;align-items:center;gap:20px}
.top-nav .tn-link,.topbar-actions .tn-link{font-size:.8rem;font-weight:600;letter-spacing:.5px;opacity:.85;transition:.25s;color:#fff}
.top-nav .tn-link:hover,.topbar-actions .tn-link:hover{opacity:1}
.topbar-logo{text-align:center;display:flex;justify-content:center;align-items:center}
.logo-img{height:44px;max-width:240px;display:block}
.logo-fallback{font-size:1.55rem;font-weight:800;letter-spacing:2px;background:linear-gradient(90deg,#ff7a19,#ff9c2b,#d7d7dc,#efe8bb,#cdbb86,#9eff30);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.brand-logo{max-width:170px;display:block;margin:0 auto 6px}
.brand-fallback{display:inline-block;font-weight:800;font-size:1.1rem;letter-spacing:1px;background:linear-gradient(90deg,#ff7a19,#ff9c2b,#d7d7dc,#efe8bb,#cdbb86,#9eff30);-webkit-background-clip:text;background-clip:text;color:transparent}
.ghost{background:#1b1f25;border:1px solid #262a31}
.ghost:hover{background:#232831}
.site-title{font-size:1.25rem;margin:0;font-weight:700;letter-spacing:.5px}
.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;padding:12px 20px;border-radius:12px;font-size:.9rem;border:1px solid #262a31;background:#1b1f25;color:#fff;cursor:pointer;transition:.25s;gap:8px}
.btn.small{padding:8px 14px;font-size:.75rem}
.btn.primary{background:var(--accent-grad);border:none}
.btn.primary:hover{filter:brightness(1.1)}
.content{padding:32px 38px 80px;flex:1;}
.footer{border-top:1px solid #1f242c;padding:24px 30px;margin-top:auto;background:#12151a;font-size:.8rem;color:#b4bcc6}
.hero{padding:100px 30px 70px;background:radial-gradient(circle at 30% 20%,#1f2530,#12151a 60%)}
.hero-inner{max-width:740px}
.hero h2{margin:0 0 14px;font-size:2.4rem;font-weight:800;letter-spacing:.5px}
.accent{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.section{padding:60px 0;border-top:1px solid #191d24}
.placeholder h3{margin:0 0 10px;font-size:1.2rem;font-weight:700}
.scroll-lock{overflow:hidden}
/* Contact Form */
.contact-section { margin-top:40px; }
.contact-form { max-width:780px; display:flex; flex-direction:column; gap:18px; }
.cf-grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.cf-field { display:flex; flex-direction:column; gap:6px; }
.cf-field span { font-size:.8rem; letter-spacing:.5px; font-weight:600; text-transform:uppercase; color:#8fa1ad; }
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea { background:#11161c; border:1px solid #25313b; border-radius:8px; padding:10px 12px; color:#f5f7fa; font:500 .9rem 'Manrope',sans-serif; resize:vertical; }
.contact-form input:focus,
.contact-form textarea:focus { outline:2px solid #355570; outline-offset:1px; }
.contact-form button[type=submit] { align-self:flex-start; margin-top:4px; }
.flash-stack-inline{margin-top:0;margin-bottom:24px}
.captcha-row{display:grid;grid-template-columns:140px 90px;gap:10px;align-items:center}
.captcha-q{background:#191f26;border:1px solid #27313b;color:#b9c8d3;padding:10px 12px;border-radius:8px;font:600 .85rem 'Manrope',sans-serif;text-align:center;letter-spacing:.5px}
.captcha-a{background:#11161c;border:1px solid #27313b;color:#fff;padding:10px 12px;border-radius:8px;font:600 1rem 'Manrope',sans-serif;text-align:center}
.captcha-a:focus{outline:2px solid #355570;outline-offset:1px}
.cf-actions{margin-top:6px}
@media (max-width:1100px){:root{--sidebar-w:220px}}
@media (max-width:880px){.sidebar{transform:translateX(-102%);} .sidebar.open{transform:translateX(0);} .main-area{margin-left:0} .burger{display:flex}}
@media (max-width:640px){.burger{top:76px;left:12px}}
/* When sidebar is open on mobile, hide burger to avoid overlapping nav */
@media (max-width:880px){.sidebar.open ~ .burger{display:none}}
@media (max-width:960px){.topbar-inner{grid-template-columns:1fr 1fr;grid-template-areas:"logo actions" "nav nav";row-gap:10px;}
 .top-nav{order:3;justify-content:center;flex-wrap:wrap}
 .topbar-logo{order:1}
 .topbar-actions{order:2;justify-content:flex-end;gap:12px}
 .desktop-only{display:none!important}}
/* Flash messages */
.flash-stack{display:flex;flex-direction:column;gap:10px;margin:0 0 24px}
.flash{padding:12px 16px;border-radius:12px;font-size:.85rem;font-weight:600;letter-spacing:.3px;background:#1d242b;border:1px solid #2a323b;box-shadow:0 2px 4px rgba(0,0,0,.4);animation:flashIn .4s ease}
.flash-success{background:#123a25;border-color:#1d6140;color:#d2f7e4}
.flash-error{background:#3a1d1d;border-color:#6d2e2e;color:#f8d5d5}
.flash-warning{background:#332a14;border-color:#8a6d1d;color:#f7e3b5}
.flash-info{background:#142b3a;border-color:#1d4f6d;color:#cfe9f7}
@keyframes flashIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}