:root {--primary:#fc8901;--black:#111111;--dark:#1C1C1C;--mid:#2B2B2B;--light:#F5F5F5;--white:#ffffff;--shadow:0 14px 36px rgba(17,17,17,.10);}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--black);line-height:1.65} a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block} header,.site-header{background:var(--white);border-bottom:1px solid rgba(17,17,17,.08);position:sticky;top:0;z-index:20;box-shadow:0 6px 24px rgba(17,17,17,.06)}
.container{width:min(1120px,92%);margin:auto} section{padding:44px 0} .header-inner{display:none} .mobile-top{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:12px 4%;gap:12px} .mobile-menu-toggle{width:42px;height:42px;border:0;border-radius:14px;background:var(--primary);color:#fff;font-size:24px;cursor:pointer;line-height:1} .logo img{height:44px;width:auto;object-fit:contain} .mobile-logo{justify-self:center} .mobile-nav{display:none;background:#fff;padding:10px 4% 18px;gap:10px;border-top:1px solid rgba(17,17,17,.08);position:relative;z-index:30} .mobile-nav.is-open{display:grid} .mobile-nav a{padding:12px 14px;border-radius:14px;background:var(--light);font-weight:700} .mobile-actions{display:flex;justify-content:center;gap:10px;padding:0 4% 14px} nav.main-nav{display:flex;gap:8px;align-items:center} .main-nav a{padding:10px 13px;border-radius:999px;font-weight:700;color:#333} .main-nav a:hover{background:rgba(252,137,1,.12);color:var(--primary)} .header-actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--primary),#ffad3d);color:#fff!important;font-weight:800;padding:13px 22px;box-shadow:0 10px 24px rgba(252,137,1,.28);cursor:pointer} .btn-small{padding:10px 18px;font-size:14px} .btn-secondary{background:linear-gradient(135deg,#111,#444)}
.hero,.banner{background:linear-gradient(135deg,#111 0%,#2a1d10 48%,var(--primary) 120%);color:#fff;border-radius:0 0 28px 28px;overflow:hidden} .hero-inner{display:grid;gap:28px;align-items:center;padding:42px 0} .hero h1{font-size:clamp(30px,7vw,58px);line-height:1.08;margin:0 0 18px} .hero p{font-size:18px;color:rgba(255,255,255,.88);margin:0 0 22px} .hero-img{border-radius:24px;background:rgba(255,255,255,.12);padding:16px;box-shadow:var(--shadow)} .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px} .tag{display:inline-flex;padding:9px 12px;border-radius:999px;background:rgba(252,137,1,.16);color:#fff;border:1px solid rgba(255,255,255,.16);font-weight:700;font-size:14px} .section-title{font-size:clamp(24px,4vw,38px);margin:0 0 12px} .lead{font-size:18px;color:#555;max-width:820px} .grid{display:grid;grid-template-columns:1fr;gap:18px} .card{background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow);border:1px solid rgba(17,17,17,.06)} .card h3,.card h2{margin-top:0} .notice{background:rgba(252,137,1,.10);border:1px solid rgba(252,137,1,.25);border-radius:18px;padding:18px} .faq{display:grid;gap:14px} .faq details{background:#fff;border-radius:18px;padding:18px;box-shadow:var(--shadow)} .faq summary{cursor:pointer;font-weight:800} .footer{background:var(--dark);color:#fff;padding:44px 0} .footer-grid{display:grid;gap:24px} .footer-nav{display:flex;flex-wrap:wrap;gap:12px} .footer-nav a{background:rgba(255,255,255,.08);padding:10px 12px;border-radius:999px} .footer-note{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)} .links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px} .links a{font-weight:800;color:var(--primary)} ol.clean,ul.clean{padding-left:22px} li{margin:8px 0}
@media (min-width:768px){.mobile-top,.mobile-actions,.mobile-nav{display:none} .header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1120px,92%);margin:auto;padding:14px 0} .desktop-logo{display:block;flex:0 0 auto} .main-nav{flex:1;justify-content:center} .hero-inner{grid-template-columns:1.15fr .85fr;padding:68px 0} .grid{grid-template-columns:repeat(2,1fr)} .footer-grid{grid-template-columns:1.2fr .8fr 1.2fr}}
@media (min-width:1024px){.header-inner{width:min(1180px,90%);padding:16px 0} .logo img{height:50px} .grid.three{grid-template-columns:repeat(3,1fr)} section{padding:58px 0}}