*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0f172a;--primary-light:#1e293b;--accent:#0ea5e9;--accent-hover:#0284c7;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--white:#fff;--shadow:0 1px 3px rgba(0,0,0,0.1);--shadow-lg:0 10px 25px -5px rgba(0,0,0,0.1);--radius:8px;--radius-lg:12px;--radius-xl:20px}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--gray-50);color:var(--gray-700);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.cp-header{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow)}.cp-header-inner{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cp-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.cp-logo img{height:40px;width:auto}.cp-nav{display:flex;align-items:center;gap:28px}.cp-nav a{font-size:14px;font-weight:500;color:var(--gray-600);text-decoration:none;transition:color .2s;white-space:nowrap}.cp-nav a:hover{color:var(--accent);text-decoration:none}.cp-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.cp-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius);font-weight:600;font-size:14px;text-decoration:none;transition:all .2s;white-space:nowrap}.cp-btn:hover{text-decoration:none}.cp-btn-ghost{color:var(--gray-600);background:transparent}.cp-btn-ghost:hover{color:var(--primary);background:var(--gray-100)}.cp-btn-primary{background:var(--accent);color:var(--white)}.cp-btn-primary:hover{background:var(--accent-hover)}.cp-menu-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer}.cp-menu-toggle svg{width:24px;height:24px;color:var(--gray-600)}@media(max-width:1024px){.cp-nav{gap:20px}.cp-nav a{font-size:13px}}@media(max-width:900px){.cp-nav{display:none}.cp-menu-toggle{display:block}}@media(max-width:600px){.cp-header-inner{padding:12px 16px}.cp-btn{padding:8px 14px;font-size:13px}}