:root{--gotg-gold: #f59e0b;--gotg-orange: #f97316;--gotg-magenta: #e026d3;--gotg-cyan: #38bdf8;--gotg-space: #040612;--gotg-purple: #7e22ce}html{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;position:relative;min-height:100vh;background-color:#040612;color:#f1f5f9}html:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-image:radial-gradient(circle 800px at 15% 15%,rgba(192,38,211,.18) 0%,transparent 85%),radial-gradient(circle 900px at 85% 20%,rgba(126,34,206,.22) 0%,transparent 85%),radial-gradient(circle 700px at 50% 80%,rgba(56,189,248,.15) 0%,transparent 85%),radial-gradient(circle 600px at 80% 85%,rgba(245,158,11,.12) 0%,transparent 80%);background-size:100% 100%;pointer-events:none}html:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' 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%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none}.font-mono-code{font-family:Fira Code,monospace!important}.terminal-window{background:#0a0e1ee6;border:1px solid rgba(224,38,211,.35);box-shadow:0 15px 45px -10px #000000f2,0 0 30px #c026d333;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1rem;position:relative}.terminal-window:before{content:"MILANO HUD // AWESOME MIX VOL. 2026";position:absolute;top:-10px;right:20px;background:linear-gradient(90deg,#f97316,#f59e0b);color:#000;font-family:Fira Code,monospace;font-size:9px;font-weight:800;padding:2px 10px;letter-spacing:1.5px;border-radius:4px;box-shadow:0 0 10px #f9731666}.terminal-header{background:#0f142af2;border-bottom:1px solid rgba(224,38,211,.25);padding:.75rem 1.25rem;border-top-left-radius:1rem;border-top-right-radius:1rem;display:flex;align-items:center;gap:.5rem}.cyber-card{background:linear-gradient(135deg,#111830cc,#0a0e1ef2);border:1px solid rgba(224,38,211,.2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.cyber-card:hover{border-color:#f59e0b99;transform:translateY(-3px);box-shadow:0 15px 35px -10px #e026d34d,inset 0 0 25px #f59e0b1a}.navbar{font-family:Kanit,sans-serif!important;font-weight:600!important}h1{font-family:Kanit,sans-serif;font-weight:600;font-optical-sizing:auto}.subtitle{color:#ffe895;opacity:.8;font-family:KoHo,sans-serif;font-weight:600}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;color:#c9c9c9}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.neon-glow{position:relative;background:#0f0f23cc;border:1px solid rgba(120,219,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.neon-glow:hover{border-color:#78dbff66;background:#0f0f23e6;box-shadow:0 12px 40px #0006,0 0 20px #78dbff1a,inset 0 1px #fff3;transform:translateY(-2px)}.cyber-text{color:#78dbff;font-weight:600;text-shadow:0 0 10px rgba(120,219,255,.3)}.holographic{position:relative;background:#0f0f23cc;border:1px solid rgba(120,219,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fadeInUp{animation:fadeInUp .8s ease-out forwards;opacity:0}.animate-fadeInDown{animation:fadeInDown .8s ease-out forwards;opacity:0}.animate-fadeInLeft{animation:fadeInLeft .8s ease-out forwards;opacity:0}.animate-fadeInRight{animation:fadeInRight .8s ease-out forwards;opacity:0}.animate-fadeIn{animation:fadeIn .8s ease-out forwards;opacity:0}.animate-scaleIn{animation:scaleIn .8s ease-out forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:transparent}51%,to{border-color:#ffe895}}.typing-animation{display:inline-block;white-space:nowrap;overflow:hidden;border-right:3px solid #ffe895;animation:typing 2s steps(40,end),blink 1s step-end infinite}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00abda33}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 20px #00abda66;border-color:#00abda}@keyframes socialSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.social-item{animation:socialSlideIn .6s ease-out forwards;opacity:0}.social-item:hover{transform:translate(5px);transition:transform .3s ease}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all .8s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.profile-image{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.profile-image:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 20px 40px #00abda4d}.hover-underline{-webkit-text-decoration:underline 1px rgba(0,0,0,0);text-decoration:underline 1px rgba(0,0,0,0);text-underline-offset:5px;transition:text-decoration-color .3s}.post:hover .hover-underline{text-decoration-color:#fff}.icon-inline{display:inline-block;vertical-align:middle;margin-right:4px}.gradient-link{font-weight:700;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(to right,#00abda,#1476ff);position:relative;transition:all .3s ease}.gradient-link:hover{filter:brightness(1.2)}.gradient-link:hover:after{background-image:linear-gradient(to right,#00abda,#1476ff)}.underline-hover{text-decoration:underline;text-underline-offset:4px;opacity:60%;transition:opacity .3s}.underline-hover:hover{opacity:100%}.icon-inline{display:inline-block;width:25px;height:25px;vertical-align:middle}.active-nav-link{position:relative;opacity:1;color:#ffe895;font-weight:700}.nav-indicator,.nav-indicator-mobile{display:none}.social-bar{font-family:Kanit,sans-serif;font-weight:500}.floating-particles{position:fixed;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-1}.particle{position:absolute;background:radial-gradient(circle,rgba(120,219,255,.4) 0%,transparent 70%);border-radius:50%;animation:floatParticle 15s infinite ease-in-out}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.3}50%{transform:translateY(-100px) translate(50px) scale(1.2);opacity:.6}}.floating-shapes{position:fixed;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-1}.floating-shape{position:absolute;background:linear-gradient(45deg,#7877c61a,#ff77c61a);border-radius:50%;animation:floatShape 20s infinite ease-in-out}@keyframes floatShape{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.2}33%{transform:translateY(-80px) translate(30px) rotate(120deg);opacity:.4}66%{transform:translateY(40px) translate(-40px) rotate(240deg);opacity:.3}}.will-change-transform{will-change:transform}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000}@media (max-width: 768px){.advanced-hover-effects{pointer-events:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-reveal{opacity:1;transform:none}}