.main-section{background:#fff;height:100%;position:relative;overflow:hidden}.main-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 30%,#1e74e766 0%,#0000 45%),radial-gradient(at 80% 20%,#7e3fe359 0%,#0000 40%),radial-gradient(at 50% 90%,#1e74e74d 0%,#0000 45%),radial-gradient(at 10% 80%,#5d0d1840 0%,#0000 35%),radial-gradient(at 90% 80%,#4c2b0940 0%,#0000 35%);animation:20s ease-in-out infinite alternate aurora;position:absolute;inset:-50%}.main-section:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30%,#1e74e726 0%,#0000 40%),radial-gradient(circle at 70%,#7e3fe31f 0%,#0000 40%);animation:10s ease-in-out infinite pulseGlow;position:absolute;inset:0}@keyframes aurora{0%{transform:translate(-10%,-10%)scale(1.2)rotate(-5deg)}25%{transform:translate(5%,-5%)scale(1.1)rotate(3deg)}50%{transform:translate(-5%,10%)scale(1.3)rotate(-3deg)}75%{transform:translate(10%,5%)scale(1.1)rotate(5deg)}to{transform:translate(-10%,-10%)scale(1.2)rotate(-5deg)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.card-container{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-container,.card{width:var(--width);height:var(--height)}.card{will-change:transform;border:2px solid rgba(var(--color-rgb), .5);background:#212121;background:linear-gradient(to bottom, rgba(var(--color-rgb), .4), rgba(var(--color-rgb), .05)), #212121;border-radius:12px;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0;overflow:hidden}.card:before{content:"";background:var(--color);width:100%;height:24px;position:absolute;top:0;left:0}.card:first-child{--color:#000;--color-rgb:0, 0, 0}.card:nth-child(2){--color:#1e74e7;--color-rgb:30, 116, 231}.card:nth-child(3){--color:#5d0d18;--color-rgb:93, 13, 24}.card:nth-child(4){--color:#4c2b09;--color-rgb:76, 43, 9}.card:nth-child(5){--color:#7e3fe3;--color-rgb:126, 63, 227}.card h1{color:#fffc;letter-spacing:3px;text-transform:uppercase;font-size:3rem}.card.github-card{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);border-color:#ffffff1a}.card.github-card:before{background:linear-gradient(90deg,#6e5494,#24292e)}.card.github-card:after{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.5;background:linear-gradient(135deg,#6e5494,#24292e,#6e5494);border-radius:12px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card.github-card a:hover{box-shadow:0 0 20px #6e549466}.project-showcase-wrapper{--width:40vw;--height:80vh;touch-action:none;width:100vw;height:100dvh;position:relative;overflow:hidden}@media (max-width:1200px){.project-showcase-wrapper{--width:50vw}}@media (max-width:750px){.project-showcase-wrapper{--width:60vw}}@media (max-width:500px){.project-showcase-wrapper{--width:80vw}}.marquee-wrapper{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.tags-track{will-change:transform;gap:6px;width:max-content;padding:0 2px;display:flex}.tag-pill{white-space:nowrap;letter-spacing:.3px;color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;flex:none;padding:2px 10px;font-size:.65rem;font-weight:500}.project-showcase .code-block{width:100%;font-family:var(--font-roboto,monospace);padding:2rem 1.5rem 1.5rem;line-height:1.9}.project-showcase .code-bracket{color:#6b7280}.project-showcase .code-tag{color:#ec4899;font-weight:600}.project-showcase .code-value{color:#a5d6a7}.project-showcase .code-indent{padding-left:1.5rem;display:block}