*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#020817;--bg-card:#0B1221;--bg-card-hover:#111c32;--border:rgba(255,255,255,0.06);--cyan:#00F0FF;--blue:#135BEC;--purple:#A855F7;--text-primary:#F1F5F9;--text-secondary:#94A3B8;--text-muted:#64748B;--green:#10B981;--orange:#FB923C;--red:#EF4444;--gradient:linear-gradient(135deg,#00F0FF,#135BEC);--gradient-visitor:linear-gradient(135deg,#A855F7,#6366F1);--gradient-subtle:linear-gradient(135deg,rgba(0,240,255,0.1),rgba(19,91,236,0.1));--gradient-subtle-visitor:linear-gradient(135deg,rgba(168,85,247,0.1),rgba(99,102,241,0.1))}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;width:100%;max-width:100vw}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(2,8,23,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 24px}.nav-inner{max-width:1200px;margin:0 auto;justify-content:space-between;height:64px}.logo,.nav-inner{display:flex;align-items:center}.logo{gap:10px;font-size:20px;font-weight:800;color:var(--text-primary);text-decoration:none}.logo img{width:32px;height:32px;border-radius:8px}.logo-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}@media (max-width:1024px){.nav-links{gap:16px}.nav-links a{font-size:13px}}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;color:white;border:none;cursor:pointer;background:var(--gradient);transition:transform .2s,box-shadow .2s;box-shadow:0 0 24px rgba(0,240,255,.15)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(0,240,255,.25)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;background:var(--bg-card);transition:all .2s}.btn-secondary:hover{background:var(--bg-card-hover);border-color:rgba(0,240,255,.3)}.btn-sm{padding:10px 20px;font-size:13px;border-radius:10px}section{padding:80px 24px;overflow:hidden}.section-inner{max-width:1100px;margin:0 auto}.section-label{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}.section-label.visitor{color:var(--purple)}.section-title{font-size:clamp(28px,4vw,42px);font-weight:800;margin-bottom:16px;line-height:1.2}.section-desc{font-size:16px;color:var(--text-secondary);max-width:600px;margin-bottom:48px}footer{padding:40px 24px;text-align:center;border-top:1px solid var(--border);color:var(--text-muted);font-size:13px}footer a{color:var(--text-secondary);text-decoration:none}footer a:hover{color:var(--text-primary)}@media (max-width:768px){.nav-links{display:none}section{padding:60px 20px}}