.portfolio-shell{background-color:#0A0A0A;background-image:radial-gradient(circle at 50% 50%,rgba(26,26,26,.8) 0,rgba(10,10,10,1) 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='0.04' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");min-height:100dvh}.glass-panel,.glass-panel-small{position:relative;transition:box-shadow .4s ease;background:#0e0e0e;overflow:hidden}.glass-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 50px rgba(0,0,0,.6)}.glass-panel-small{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.5)}.glass-panel-small:after,.glass-panel:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(135deg,transparent,rgba(107,15,26,.06) 30%,rgba(212,175,55,.1) 50%,rgba(107,15,26,.06) 70%,transparent);transition:left .6s ease;pointer-events:none;z-index:1}.glass-panel-small:hover:after,.glass-panel:hover:after{left:120%}.glass-panel:hover{box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 30px rgba(212,175,55,.06)}.glass-panel-small:hover{box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 20px rgba(107,15,26,.08)}.glass-border-wrap{border-radius:16px}.glass-border-wrap,.glass-border-wrap-sm{position:relative;padding:1px;background:transparent;transition:background .5s ease}.glass-border-wrap-sm{border-radius:12px}.glass-border-wrap{background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(107,15,26,.08) 40%,rgba(212,175,55,.12) 70%,rgba(107,15,26,.06));box-shadow:0 0 0 1px rgba(212,175,55,.08),inset 0 1px 0 rgba(255,255,255,.03)}.glass-border-wrap-sm{background:conic-gradient(from var(--border-angle,0deg),transparent 0,#6B0F1A 20%,transparent 40%,#D4AF37 60%,transparent 80%);animation:borderSpin 3s linear infinite}@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes borderSpin{to{--border-angle:360deg}}.border-gold-ghost{border:1px solid rgba(212,175,55,.2)}.border-gold-faint{border:1px solid rgba(212,175,55,.08)}@keyframes navFadeIn{0%{opacity:0}to{opacity:1}}.nav-fade-in{animation:navFadeIn .4s ease-out forwards}@keyframes mobileNavFade{0%{opacity:0}to{opacity:1}}.animate-mobile-nav-fade{animation:mobileNavFade .3s ease-out forwards}@keyframes mobileNavLinkIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-mobile-nav-link{opacity:0;animation:mobileNavLinkIn .3s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 1.2s cubic-bezier(.22,1,.36,1) forwards}.fade-in-up-delayed{animation:fadeInUp 1.2s cubic-bezier(.22,1,.36,1) .2s forwards;opacity:0}.toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:26px;height:14px;background:#CBD5E1;border-radius:7px;position:relative;cursor:pointer;transition:background .2s ease;flex-shrink:0;vertical-align:middle;margin-right:6px;display:inline-block}.toggle:checked{background:#059669}.toggle:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:white;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.2)}.toggle:checked:before{transform:translateX(12px)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.92)}}