:root{--bg: #000;--surface: #0a0a0a;--surface-2: #111;--text: #fff;--muted: #666;--accent: #C9A24D;--accent-dim: #8a6f35;--border: #222;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--font-display: "Impact", "Arial Black", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius: 0px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;line-height:1.1;font-weight:400;letter-spacing:.02em}.terminal-label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.terminal-label:before{content:"// ";color:var(--accent)}.mono-data{font-family:var(--font-mono);letter-spacing:.05em}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E")}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--accent);color:#000;font-family:var(--font-display);font-size:1rem;text-transform:uppercase;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--outline{background:transparent;border:2px solid var(--accent);color:var(--accent)}.btn--outline:hover{background:var(--accent);color:#000}.btn--sm{padding:var(--space-sm) var(--space-md);font-size:.875rem}.btn--lg{padding:var(--space-lg) var(--space-2xl);font-size:1.125rem}.btn--full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}input,textarea,select{width:100%;padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:1rem;transition:border-color .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}input::placeholder{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .3s,border-color .3s}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.progress-bar{height:8px;background:var(--surface-2);border-radius:var(--radius);overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width 1s ease-out}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.1em}.badge--accent{border-color:var(--accent);color:var(--accent)}.badge--success{border-color:var(--success);color:var(--success)}.badge--warning{border-color:var(--warning);color:var(--warning)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);width:100%}@media (max-width: 768px){.container{padding:0 1rem}.btn{padding:.875rem 1rem;font-size:.875rem;white-space:normal;word-break:break-word}.btn--sm{padding:.5rem .75rem;font-size:.75rem}}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .5s ease}.animate-slide{animation:slideUp .5s ease}.animate-pulse{animation:pulse 2s infinite}
/*# sourceMappingURL=/cdn/shop/t/25/assets/flipside-base.css.map */