.tic-404{--gold:#fcc419;--gold-hover:#ffd24d;--dark-bg:#1a1a2e;--dark-card:#16162a;--dark-surface:#1e1e36;--text-primary:#e5e5e5;--text-dim:#9ca3af;--text-muted:#6b7280;--border-subtle:rgba(255,255,255,0.06);--border-gold:rgba(252,196,25,0.3);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 4px 24px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.04);--font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text-primary);font-family:var(--font);padding:60px 16px 80px;margin:0}.tic-404 *,.tic-404 *::before,.tic-404 *::after{box-sizing:border-box}.tic-404-inner{max-width:1100px;margin:0 auto}.tic-404-hero{background:var(--dark-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:48px 32px;text-align:center;margin-bottom:28px;box-shadow:var(--shadow-card)}.tic-404-code{display:inline-block;font-size:72px;font-weight:800;line-height:1;color:var(--gold);letter-spacing:-2px;margin-bottom:12px;text-shadow:0 4px 24px rgba(252,196,25,0.25)}.tic-404-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 12px;letter-spacing:-0.5px}.tic-404-sub{font-size:16px;color:var(--text-dim);margin:0 auto 32px;max-width:540px;line-height:1.55}.tic-404-search{max-width:560px;margin:0 auto;display:flex;gap:8px}.tic-404-search input{flex:1;padding:14px 16px;font-size:15px;font-family:var(--font);color:var(--text-primary);background:var(--dark-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);outline:none;transition:border-color 0.2s,box-shadow 0.2s}.tic-404-search input::placeholder{color:var(--text-muted)}.tic-404-search input:focus{border-color:var(--border-gold);box-shadow:0 0 0 3px rgba(252,196,25,0.12)}.tic-404-btn{display:inline-block;padding:14px 22px;font-size:15px;font-weight:600;font-family:var(--font);color:var(--dark-bg);background:var(--gold);border:1px solid var(--gold);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:background-color 0.15s,transform 0.05s;white-space:nowrap}.tic-404-btn:hover{background:var(--gold-hover);color:var(--dark-bg)}.tic-404-btn:active{transform:translateY(1px)}.tic-404-btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.tic-404-btn-ghost:hover{background:rgba(255,255,255,0.04);color:var(--text-primary);border-color:var(--border-gold)}.tic-404-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px}.tic-404-pillar{display:block;background:var(--dark-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px 20px;text-decoration:none;text-align:center;transition:border-color 0.2s,transform 0.15s,box-shadow 0.2s}.tic-404-pillar:hover{border-color:var(--border-gold);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.4)}.tic-404-pillar h3{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--gold)}.tic-404-pillar p{margin:0;font-size:13px;color:var(--text-dim);line-height:1.4}.tic-404-popular{background:var(--dark-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;margin-bottom:28px;box-shadow:var(--shadow-card)}.tic-404-popular h3{margin:0 0 18px;font-size:18px;font-weight:700;color:var(--text-primary)}.tic-404-popular ul{list-style:none;padding:0;margin:0 0 24px;columns:2;column-gap:32px}.tic-404-popular li{padding:6px 0;break-inside:avoid}.tic-404-popular a{color:var(--text-primary);text-decoration:none;font-size:15px;border-bottom:1px solid transparent;transition:color 0.15s,border-color 0.15s}.tic-404-popular a:hover{color:var(--gold);border-bottom-color:var(--gold)}.tic-404-popular .tic-404-help{padding-top:20px;border-top:1px solid var(--border-subtle);color:var(--text-dim);font-size:14px;line-height:1.6;margin:0}.tic-404-popular .tic-404-help a{color:var(--gold)}.tic-404-popular .tic-404-help a:hover{border-bottom-color:var(--gold)}.tic-404-cta{text-align:center;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width:600px){.tic-404{padding:40px 12px 60px}.tic-404-hero{padding:36px 20px}.tic-404-code{font-size:60px}.tic-404-title{font-size:24px}.tic-404-popular{padding:24px 20px}.tic-404-popular ul{columns:1}.tic-404-search{flex-direction:column}.tic-404-search .tic-404-btn{width:100%}}