:root{--bg:#070707;--surface:#101010;--surface-2:#161616;--red:#b91c1c;--red-bright:#ef4444;--red-dark:#5f0b0b;--text:#f5f5f5;--muted:#a1a1aa;--border:#27272a;--radius:16px;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text);overflow-x:hidden}.grid-bg{background-color:#050505;background-image:linear-gradient(45deg,rgba(0,0,0,.8) 1px,transparent 1px),linear-gradient(-45deg,rgba(0,0,0,.8) 1px,transparent 1px);background-size:28px 28px}.glow{box-shadow:0 0 80px rgba(185,28,28,.18),0 0 140px rgba(185,28,28,.08)}.glow-soft{box-shadow:0 0 35px rgba(185,28,28,.14)}.card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);border-color:rgba(185,28,28,.45);box-shadow:0 14px 45px rgba(0,0,0,.45),0 0 30px rgba(185,28,28,.08)}.red{ text-shadow:0 0 22px rgba(239,68,68,.16)}.line{box-shadow:0 0 12px rgba(185,28,28,.22)}@keyframes ambientGlow{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.7;transform:scale(1.04)}}@keyframes scan{0%{transform:translateY(-100%);opacity:0}15%{opacity:.5}50%{opacity:.12}100%{transform:translateY(100vh);opacity:0}}@keyframes pulseRing{0%,100%{opacity:.18;transform:scale(.96)}50%{opacity:.42;transform:scale(1.04)}}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}body:before{content:"";position:fixed;inset:-25%;pointer-events:none;background:radial-gradient(circle at 18% 20%,rgba(185,28,28,.12),transparent 24%),radial-gradient(circle at 82% 65%,rgba(185,28,28,.09),transparent 26%);animation:ambientGlow 8s ease-in-out infinite;z-index:-2}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(239,68,68,.045) 48%,transparent 52%);background-size:100% 180px;animation:scan 11s linear infinite;z-index:-1}.red{color:var(--red-bright)}.card{position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(239,68,68,.08) 48%,transparent 70%);background-size:220% 100%;opacity:0;transition:opacity .35s}.card:hover:before{opacity:1;animation:shimmer 2.2s linear infinite}.card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(239,68,68,.12);box-shadow:0 0 22px rgba(185,28,28,.08);pointer-events:none;animation:pulseRing 4s ease-in-out infinite}.btn-red{box-shadow:0 0 18px rgba(185,28,28,.2),inset 0 0 0 1px rgba(255,255,255,.08)}.btn-red:hover{box-shadow:0 0 30px rgba(239,68,68,.35),0 0 70px rgba(185,28,28,.14),inset 0 0 0 1px rgba(255,255,255,.12)}.navlink{transition:color .2s ease,text-shadow .2s ease}.navlink:hover{text-shadow:0 0 14px rgba(239,68,68,.45)}.line{position:relative;overflow:hidden}.line:after{content:"";position:absolute;top:0;left:-20%;width:20%;height:100%;background:#fff;box-shadow:0 0 12px 2px var(--red-bright);animation:lineSweep 3.5s ease-in-out infinite}@keyframes lineSweep{0%{left:-20%;opacity:0}15%{opacity:1}70%{opacity:1}100%{left:110%;opacity:0}}.shape-field{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.shape{position:absolute;display:block;color:rgba(239,68,68,.12);border-color:rgba(239,68,68,.13);filter:drop-shadow(0 0 16px rgba(185,28,28,.08));animation:floatShape 12s ease-in-out infinite}.shape.square{width:72px;height:72px;border:1px solid rgba(239,68,68,.12);background:rgba(185,28,28,.025);transform:rotate(25deg)}.shape.circle{width:110px;height:110px;border:1px solid rgba(239,68,68,.12);border-radius:50%;background:rgba(185,28,28,.018)}.shape.triangle{width:0;height:0;border-left:45px solid transparent;border-right:45px solid transparent;border-bottom:78px solid rgba(185,28,28,.07)}.shape.star{font-size:76px;line-height:1;text-shadow:0 0 24px rgba(239,68,68,.18)}.s1{top:12%;left:4%;animation-delay:-2s}.s2{top:28%;right:7%;animation-delay:-7s}.s3{top:52%;left:8%;animation-delay:-4s}.s4{top:68%;right:11%;animation-delay:-9s}.s5{top:82%;left:22%;animation-delay:-5s}.s6{top:44%;right:31%;animation-delay:-1s}.s7{top:18%;right:34%;animation-delay:-6s}.s8{top:76%;left:47%;animation-delay:-3s}.s9{top:35%;left:38%;animation-delay:-8s}.s10{top:91%;right:5%;animation-delay:-10s}@keyframes floatShape{0%,100%{margin-top:0;transform:translate3d(0,0,0) rotate(20deg);opacity:.45}50%{margin-top:-18px;transform:translate3d(10px,0,0) rotate(42deg);opacity:.9}}.hero-section{position:relative}.stat-card{border:1px solid rgba(127,29,29,.45);background:rgba(10,10,10,.72);padding:24px;border-radius:16px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.stat-card:hover{transform:translateY(-4px);border-color:rgba(239,68,68,.65);box-shadow:0 0 28px rgba(127,29,29,.22)}.stat-number{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1;color:#ef4444;text-shadow:0 0 18px rgba(239,68,68,.2)}.stat-number span{font-size:.65em}.stat-label{margin-top:9px;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#71717a}.hero-cat{position:absolute;right:7%;top:110px;font-size:72px;line-height:1;filter:grayscale(1) drop-shadow(0 0 18px rgba(239,68,68,.3));animation:catFloat 4s ease-in-out infinite;transform-origin:center bottom}.portfolio-card{display:block;overflow:hidden;border:1px solid rgba(63,63,70,.8);background:rgba(10,10,10,.82);transition:.25s ease}.portfolio-card:hover{transform:translateY(-5px);border-color:rgba(239,68,68,.65);box-shadow:0 0 28px rgba(220,38,38,.12)}.portfolio-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#090909,#1a0505)}.portfolio-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:.35s ease}.portfolio-thumb.loaded img{opacity:1}.thumb-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#7f1d1d;font-size:1.25rem;font-weight:900;letter-spacing:.18em}.portfolio-thumb.loaded .thumb-fallback{opacity:0}.portfolio-placeholder{display:grid;place-items:center;color:#7f1d1d;font-size:1.2rem;font-weight:900;letter-spacing:.14em;text-align:center}.portfolio-placeholder span{color:#ef4444}.portfolio-info{padding:1rem 1.1rem 1.15rem}.portfolio-role{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:#ef4444;font-weight:800}.portfolio-info h3{margin-top:.35rem;font-size:1.1rem;font-weight:800;color:#fff}.hero-cat:after{content:"";position:absolute;inset:12px -8px -8px;border-radius:50%;background:rgba(185,28,28,.14);filter:blur(20px);z-index:-1}@keyframes catFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@media(max-width:768px){.hero-cat{right:5%;top:110px;font-size:52px}.shape{opacity:.55}.shape.star{font-size:52px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;font-weight:800;text-decoration:none;transition:.2s}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-bright);transform:translateY(-2px)}.btn-ghost{border:1px solid var(--border);color:#fff;background:rgba(255,255,255,.03)}.btn-ghost:hover{border-color:var(--red);background:rgba(185,28,28,.08)}.card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--border);border-radius:var(--radius)}.navlink{color:#a1a1aa;text-decoration:none;font-size:.9rem}.navlink:hover{color:#fff}.line{height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent)}.redundant-hero-cards,#portfolio-old{display:none!important}@media(min-width:1024px){#portfolio>.grid{grid-template-columns:repeat(8,minmax(0,1fr))}#portfolio>.grid>.portfolio-card{grid-column:span 2}#portfolio>.grid>.portfolio-card:nth-child(5){grid-column:2 / span 2}}
.portfolio-scope{margin-top:.55rem;color:#a1a1aa;font-size:.78rem;line-height:1.45}
input,select,textarea{outline:none;transition:border-color .2s ease,box-shadow .2s ease}
input:focus,select:focus,textarea:focus,.btn:focus-visible,.navlink:focus-visible,a:focus-visible,button:focus-visible{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.22);outline:none}
.stat-label{color:#a1a1aa}
@media(max-width:767px){body{padding-bottom:52px}.hero-section{padding-top:5rem}.stat-card{padding:20px}.stat-label{font-size:.66rem}.portfolio-scope{font-size:.82rem}}