/* base.css — fixed portfolio — fonts restored, background stable */
        *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
        :root{
            --red:#7a0000;
            --red-dark:#5a0000;
            --red-dim:rgba(122,0,0,0.16);
            --red-glow:rgba(122,0,0,0.40);
            --red-border:rgba(122,0,0,0.28);
            --bg:#050505;
            --bg2:#0c0c0c;
            --bg3:#111111;
            --bg4:#171717;
            --text:#f0f0f0;
            --muted:#888;
            --muted2:#666;
            --gold:#FFD700;
            --card-border:rgba(255,255,255,0.06);
            --font-display:'Orbitron',sans-serif;
            --font-body:'DM Sans',sans-serif;
            --font-hero:'Bebas Neue','Orbitron',sans-serif;
            --font-playful:'Righteous','Fredoka',sans-serif;
            --font-mono:'JetBrains Mono',monospace;
            --transition:0.24s cubic-bezier(0.4,0,0.2,1);
        }
        html{ scroll-behavior:smooth; overflow-x:clip; }
        body{
            font-family:var(--font-body);
            color:var(--text);
            line-height:1.6;
            overflow-x:clip;
            min-height:100vh;
            max-width:100vw;
            -webkit-font-smoothing:antialiased;
            background:
                radial-gradient(ellipse 80% 50% at 20% 10%, rgba(122,0,0,0.18) 0%, transparent 60%),
                radial-gradient(ellipse 60% 40% at 80% 80%, rgba(80,0,0,0.14) 0%, transparent 55%),
                radial-gradient(ellipse 40% 30% at 50% 50%, rgba(40,0,0,0.10) 0%, transparent 70%),
                #050505 !important;
        }
        h1,h2,h3,h4{ font-family:var(--font-display); letter-spacing:-0.015em; font-weight:700; }
        @media (max-width:600px){
            .wrap,.container{ padding:0 16px; }
            img,video,iframe,svg{ max-width:100%; }
        }
        a{ text-decoration:none; color:inherit; }
        select optgroup{ color:var(--red); font-size:11px; background:#1a1a1a; font-weight:700; letter-spacing:0.5px; font-family:var(--font-mono); }
        select option{ background:#111; color:#ddd; }
        ::-webkit-scrollbar{ width:5px; height:5px; }
        ::-webkit-scrollbar-track{ background:#0a0a0a; }
        ::-webkit-scrollbar-thumb{ background:rgba(122,0,0,0.5); border-radius:3px; }
        body::after{
            content:''; position:fixed; inset:0; z-index:0; pointer-events:none;
            background:
                radial-gradient(circle 520px at 18% 18%, rgba(122,0,0,0.07) 0%, transparent 70%),
                radial-gradient(circle 420px at 88% 72%, rgba(90,0,0,0.05) 0%, transparent 70%);
            animation: ambientShift 14s ease-in-out infinite alternate;
        }
        @keyframes ambientShift{ 0%{opacity:0.7} 100%{opacity:1} }
        body::before{
            content:''; position:fixed; inset:0; z-index:1; pointer-events:none;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.022'/%3E%3C/svg%3E");
            opacity:0.30;
        }
        .wrap,.container{ position:relative; z-index:2; max-width:1280px; margin:0 auto; padding:0 24px; }