:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-display:swap}.fonts-loading *{font-display:swap}body:not(.fonts-loaded) .main-content{opacity:.8}body.fonts-loaded .main-content{opacity:1;transition:opacity .3s ease}.main-content{min-height:100vh}body{margin:0;min-width:320px;min-height:100vh;background:#0a0a0a;overflow-x:hidden}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}*{box-sizing:border-box}button,a,[role=button]{touch-action:manipulation}html{scroll-behavior:smooth}a:focus-visible,button:focus-visible{outline:2px solid #4ECDC4;outline-offset:2px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;width:100%;max-width:100vw;font-display:swap}.container{position:relative;width:100%;max-width:100vw;overflow-x:hidden;overflow-x:clip;contain:layout}.background-animation{position:absolute;top:0;left:0;width:100%;height:100vh;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:-1}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);filter:blur(40px);opacity:.1;animation:float 20s infinite ease-in-out}.shape-1{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.shape-2{width:150px;height:150px;top:60%;right:10%;animation-delay:-5s}.shape-3{width:300px;height:300px;bottom:10%;left:30%;animation-delay:-10s}.shape-4{width:100px;height:100px;top:30%;right:30%;animation-delay:-15s}.shape-5{width:250px;height:250px;top:50%;left:50%;animation-delay:-20s}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translate(-20px,20px) rotate(180deg)}75%{transform:translate(20px,-10px) rotate(270deg)}}.header{padding:2rem 3rem;position:absolute;top:0;left:0;right:0;z-index:10}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logo{font-family:Syne,sans-serif;font-weight:600;font-size:1rem;background-color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem;align-items:center;justify-content:center}.nav-link{color:#fffc;height:20px;text-decoration:none;font-family:Syne,sans-serif;font-weight:500;font-size:1rem;transition:all .3s ease;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav-link.active{color:#fff}.nav-link.active:after{width:100%}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#ff3b3b;transition:width .3s ease}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.socials-dropdown-container{position:relative;display:inline-block}.socials-dropdown-trigger{background:none;border:none;color:#fffc;font-family:Syne,sans-serif;font-weight:500;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;padding:0}.dropdown-arrow{display:flex;align-items:center;color:#ff3b3b;transition:all .3s ease}.socials-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;background:#0c0c0cf2;border:2px solid #ff0066;border-radius:0;min-width:200px;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #ff00664d;transform-origin:top center;transform:translate(-45%) rotate(-2deg)}.dropdown-link{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;color:#fff;text-decoration:none;font-family:Courier New,monospace;font-size:.9rem;border-bottom:1px dashed rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%)}.dropdown-link:last-child{border-bottom:none}.glitch-text{position:relative}.glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;color:#f06;transform:translate(-2px);transition:opacity .3s ease}.dropdown-link:hover .glitch-text:before{opacity:.7;animation:textGlitch .3s ease-in-out}.link-corruption{color:#0f8;font-size:1.2rem;opacity:.7;transition:all .3s ease}.dropdown-link:hover .link-corruption{opacity:1;transform:rotate(180deg);color:#ff3b3b}.dropdown-broken{padding:.5rem 1rem;text-align:center;border-top:1px solid #ff0066;background:#ff00661a}.broken-option{font-family:Courier New,monospace;font-size:.7rem;color:#f06;opacity:.6;text-decoration:line-through;cursor:not-allowed}@keyframes textGlitch{0%{transform:translate(-2px)}25%{transform:translate(2px)}50%{transform:translate(-1px)}75%{transform:translate(1px)}to{transform:translate(-2px)}}.contact-nav{display:flex;align-items:center}.contact-button{padding:.75rem 2rem;border:1px solid white;color:#fff;text-decoration:none;font-family:Syne,sans-serif;font-weight:700;border-radius:50px;transition:all .3s ease;text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.contact-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4ecdc466}.main-content{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 2rem;position:relative;width:100%;max-width:100vw;overflow-x:hidden;z-index:1}.hero-section{text-align:center;max-width:800px;width:100%}.hero-title{font-family:Syne,system-ui,-apple-system,sans-serif;color:#ff3b3b;font-weight:800;font-size:clamp(3rem,8vw,16rem);line-height:1.1;margin-bottom:1rem;letter-spacing:-2px}.anti-design-marker{font-family:Permanent Marker,cursive}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description{font-family:BioRhyme Expanded,serif;font-weight:400;font-size:1.25rem;line-height:1.6;color:#ccc;margin-top:3rem;max-width:600px;margin-left:auto;margin-right:auto}.countdown-section{margin-bottom:3rem}.status-indicator{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem}.pulse-dot{width:12px;height:12px;background:#4ecdc4;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.notify-form{margin-bottom:3rem}.form-group{display:flex;max-width:500px;margin:0 auto;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:60px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.form-group:focus-within{border-color:#4ecdc4;box-shadow:0 0 30px #4ecdc44d}.email-input{flex:1;padding:1.25rem 2rem;background:none;border:none;outline:none;color:#fff;font-size:1rem}.email-input::placeholder{color:#888}.submit-button{padding:1.25rem 2.5rem;border:none;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4ecdc466}.submit-button.submitted{background:#4ecdc4;transform:scale(.95)}.submit-button:disabled{cursor:not-allowed}.footer{position:relative;z-index:10;border-top:1px solid rgba(255,255,255,.1);padding:2rem 3rem}.footer-content{max-width:1200px;margin:0 auto}.social-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.social-link{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,1);font-weight:500;transition:all .3s ease;min-height:0;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.social-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(45deg,#ff3b3b);transition:width .3s ease}.social-link:hover{color:#fff}.social-link:hover:after{width:100%}.copyright{text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);font-size:.9rem;margin-top:1rem}.designer-credit-container{position:relative;display:inline-block;cursor:pointer}.designer-credit-default,.designer-credit-hover{margin:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);font-size:.9rem;transition:opacity .3s ease}.designer-credit-hover{top:0;left:0;width:100%;opacity:0;pointer-events:none}.designer-credit-container:hover .designer-credit-default{opacity:0}.designer-credit-container:hover .designer-credit-hover{opacity:1}.designer-logo{height:20px;width:auto;vertical-align:middle;filter:brightness(0) invert(1)}.glitch-overlay{position:absolute;top:-50px;right:-70px;color:#f06;font-family:Courier New,monospace;font-size:1.2rem;transform:rotate(-15deg);opacity:.7;text-shadow:2px 2px 0px #00ff88,-2px -2px 0px #ff3b3b;animation:glitchFlicker 3s infinite;z-index:10}.broken-text-mobile{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-family:Permanent Marker,cursive;font-size:clamp(1rem,4vw,2rem);font-weight:700}.glitch-word-1{color:#0f8;transform:translateY(-5px) rotate(-2deg);text-shadow:2px 2px 0px #ff0066;animation:glitchFlicker 3s infinite;padding:5px 10px;background:#00ff881a;border:1px solid #00ff88}.glitch-word-2{color:#ff3b3b;transform:translateY(3px) rotate(1deg);text-shadow:-2px 2px 0px #00ff88;animation:glitchFlicker 4s infinite reverse;padding:5px 10px;background:#ffaa001a;border:1px solid #ff3b3b}.glitch-word-3{color:#f06;transform:translateY(-2px) rotate(1.5deg);text-shadow:1px -1px 0px #ff3b3b;animation:glitchFlicker 2.5s infinite;padding:5px 10px;background:#ff00661a;border:1px solid #ff0066}.debug-text{position:absolute;bottom:20px;left:20px;font-family:Courier New,monospace;font-size:.9rem;color:#f06;background:#000c;padding:5px 10px;border:1px solid #ff0066;opacity:.8}.intentional-typo{color:#ff3b3b;text-decoration:underline wavy;font-style:italic}.pixelated-cursor{color:#0f8;animation:blink 1s infinite;margin-left:5px}.broken-link{color:#f06;font-family:Courier New,monospace;text-decoration:line-through;opacity:.7;cursor:not-allowed}.button-glitch{color:#d8ac79;margin-left:5px;animation:glitchFlicker 2s infinite}.floating-nonsense{position:absolute;top:15px;right:200px;font-size:1.5rem;color:#0f8;animation:float 3s ease-in-out infinite;pointer-events:none}.corrupted-link{color:#f06;font-family:Courier New,monospace;text-decoration:line-through;opacity:.6;cursor:not-allowed;margin-left:10px}.broken-credit{font-family:Courier New,monospace;color:#fff;background:#0006;font-size:.9rem;margin:20px 0;transform:rotate(-2deg)}.broken-credit.designer-credit-container{position:relative;cursor:pointer}.designer-credit-default{display:inline-block;transition:opacity .3s ease}.designer-credit-hover{position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease;white-space:nowrap}.broken-credit.designer-credit-container:hover .designer-credit-default{opacity:0}.broken-credit.designer-credit-container:hover .designer-credit-hover{opacity:1}.terminal-nonsense{font-family:Courier New,monospace;color:#0f8;font-size:.8rem;background:#000c;padding:5px 10px;border:1px solid #00ff88;width:fit-content}.error-popup{position:absolute;bottom:100px;right:50px;background:#f06;color:#fff;padding:5px 10px;font-family:Courier New,monospace;font-size:.8rem;border:2px solid white;pointer-events:none}.diagonal-strip{position:absolute;bottom:auto;top:clamp(650px,35vh,400px);left:-20%;width:140%;height:clamp(40px,6vw,80px);background-color:#ffffff0d;transform:rotate(-5deg) translateY(40px);z-index:20;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);will-change:transform;contain:layout}.diagonal-strip-2{position:absolute;bottom:auto;top:clamp(666px,37vh,440px);left:-20%;width:140%;height:clamp(30px,4vw,60px);background:repeating-linear-gradient(120deg,#feca57 0 40px,#222 40px 80px);transform:rotate(-5deg) translateY(40px);z-index:19;overflow:hidden;border-top:3px solid #feca57;border-bottom:3px solid #feca57;box-shadow:0 6px 24px #0003;will-change:transform;contain:layout}.strip-content{display:flex;align-items:center;height:100%;white-space:nowrap;animation:scrollStrip 30s linear infinite;gap:1rem;padding:0 2rem;font-family:Syncopate,sans-serif;font-weight:700;font-size:clamp(1.5rem,5vw,3rem);color:#fff}.strip-content span{display:inline-block;text-shadow:0 2px 4px rgba(0,0,0,.3)}.strip-content svg{display:inline-block;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0}.mobile-only{display:none}@keyframes scrollStrip{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 1200px){.diagonal-strip{top:auto;bottom:30vh}.diagonal-strip-2{top:auto;bottom:30.5vh}}@media (max-width: 900px){.desktop-only{display:none}.mobile-only{display:flex}.diagonal-strip{height:30px;top:auto;bottom:33vh}.diagonal-strip-2{height:25px;top:auto;bottom:33.5vh}}@media (max-width: 768px){.strip-content{animation-duration:40s}.background-animation,.shape{will-change:auto}.glitch-overlay{animation-duration:4s}.pixelated-cursor{animation-duration:1.5s}.button-glitch{animation-duration:3s}}@media (max-width: 768px){.diagonal-strip{height:40px}.diagonal-strip-2{height:30px}.header{padding:.5rem 1rem;flex-direction:row;justify-content:space-between}.nav-links{gap:1rem}.main-content{padding:.5rem 1rem;margin-bottom:0}.hero-title{margin-bottom:.5rem}.hero-description{font-size:.9rem;margin-top:1rem}.broken-text-mobile{flex-direction:row;gap:.8rem;margin:15px 0;font-size:clamp(.8rem,2.5vw,1.2rem)}.glitch-word-1,.glitch-word-2,.glitch-word-3{padding:2px 6px;transform:scale(.9)}.footer{padding:1rem}.strip-content{font-size:.8rem}}@media (max-width: 320px){.header{padding:.5rem}.header-top{align-items:center;gap:.5rem;margin-bottom:.5rem}.logo{font-size:.7rem;text-align:center}.nav-links{gap:.5rem;flex-wrap:wrap}.nav-link{font-size:.6rem}.contact-button{padding:.4rem .8rem;font-size:.6rem}.hero-title{font-size:clamp(1.8rem,15vw,5rem)}.hero-description{font-size:.8rem;margin-top:1rem}.broken-text-mobile{gap:.3rem;margin:10px 0;font-size:clamp(.7rem,2vw,1rem)}.glitch-word-1,.glitch-word-2,.glitch-word-3{padding:1px 4px;font-size:inherit}.footer{padding:.8rem .3rem}.social-links{gap:.5rem}.social-link{font-size:.7rem}.broken-credit{font-size:.5rem}.strip-content{font-size:.7rem;gap:.5rem}.strip-content svg{width:16px;height:16px}}@media (max-width: 768px){.strip-content{gap:clamp(.8rem,2vw,1.5rem);padding:0 clamp(1rem,3vw,2rem)}.strip-content svg{width:clamp(20px,4vw,28px);height:clamp(20px,4vw,28px)}.contact-button{border:none;padding:0;text-decoration:wavy underline}.header{padding:1rem}.broken-link{display:none}}@media (max-width: 480px){.strip-content{gap:clamp(.5rem,1.5vw,1rem);padding:0 clamp(.5rem,2vw,1rem)}.strip-content svg{width:clamp(16px,3vw,24px);height:clamp(16px,3vw,24px)}.floating-nonsense{display:none}.glitch-overlay{top:-20px;right:-30px;font-size:.8rem}.broken-grid{margin:20px 0;padding:10px;transform:rotate(-.5deg)}.broken-grid-item{padding:10px;font-size:.8rem}.debug-text{font-size:.7rem;bottom:10px;left:10px}.error-popup{bottom:30px;right:10px;font-size:.6rem;padding:3px 6px}.terminal-nonsense{font-size:.7rem;padding:3px 6px}}.about-main{min-height:100vh;padding:120px 2rem 60px;position:relative;background:linear-gradient(135deg,rgba(255,0,102,.03) 0%,transparent 50%),linear-gradient(45deg,rgba(0,255,136,.02) 0%,transparent 50%),#0a0a0a;overflow-x:hidden}.about-error-overlay{position:fixed;top:80px;right:20px;color:#f06;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;transform:rotate(-3deg);opacity:.7;background:#ff006614;padding:.4rem .8rem;border:1px solid rgba(255,0,102,.2);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:opacity .3s ease}.about-error-overlay:hover{opacity:1}.about-container{max-width:1200px;margin:0 auto;position:relative}.about-hero{text-align:center;margin-bottom:4rem;position:relative}.about-title{font-family:Inter,system-ui,sans-serif;font-weight:200;font-size:clamp(4rem,10vw,12rem);line-height:.9;margin-bottom:2rem;letter-spacing:-.04em;color:#fff;position:relative}.about-corruption{color:#f06;font-weight:400;margin-left:.2rem;display:inline-block;opacity:.8}.about-subtitle-container{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.about-subtitle-glitch{font-family:JetBrains Mono,monospace;color:#0f8;font-size:.9rem;font-weight:400;transform:rotate(-1deg);padding:.6rem 1.2rem;background:#00ff880f;border:1px solid rgba(0,255,136,.2);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.about-debug-text{font-family:JetBrains Mono,monospace;color:#666;font-size:.7rem;font-weight:400;background:#ffffff08;padding:.4rem .8rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;transform:rotate(2deg);opacity:.6}.about-profile{margin-bottom:5rem;padding:0 11rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.profile-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);padding:2rem;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;transition:all .3s ease;overflow:hidden}.profile-card:hover{transform:translateY(-4px);border-color:#ffffff1a;background:#ffffff0a}.main-card{grid-column:1 / -1;text-align:left;transform:rotate(-.5deg);background:#ffffff0a;border-color:#ff006626}.profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.profile-icon-main{color:#f06;padding:.8rem;background:#ff006614;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-title{font-family:JetBrains Mono,monospace;color:#fff;font-size:1.1rem;font-weight:500;margin:0;letter-spacing:.02em}.profile-text{font-family:Inter,sans-serif;color:#e0e0e0;line-height:1.6;font-size:1rem;margin-bottom:2rem;font-weight:300}.corrupted-text{font-family:JetBrains Mono,monospace;font-weight:500;color:#f06;font-size:.85rem;display:block;margin-top:.8rem;opacity:.8}.skill-metrics{display:flex;flex-direction:column;gap:1rem}.metric-item{display:flex;align-items:center;gap:1rem}.metric-label{font-family:JetBrains Mono,monospace;color:#0f8;font-size:.75rem;font-weight:400;min-width:120px}.metric-bar{flex:1;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden;position:relative}.metric-fill{height:100%;border-radius:2px;width:100%;transition:width 2s ease}.metric-fill-red{background:linear-gradient(90deg,#f06,#ff3b3b);animation:pulse-red 3s ease-in-out infinite}.metric-fill-green{background:linear-gradient(90deg,#0f8,#00d9ff);width:85%}.metric-error{font-family:JetBrains Mono,monospace;color:#f06;font-size:.6rem;opacity:.7}.metric-value{font-family:JetBrains Mono,monospace;color:#0f8;font-size:.75rem;font-weight:500}.skill-card{text-align:center;position:relative;transition:all .3s ease}.photography-card{transform:rotate(.5deg);border-color:#00ff8826}.music-card{transform:rotate(-.3deg);border-color:#feca5726}.code-card{transform:rotate(.4deg);border-color:#ff006626}.skill-icon{margin-bottom:1rem;padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.photography-card .skill-icon{color:#0f8;background:#00ff8814}.music-card .skill-icon{color:#feca57;background:#feca5714}.code-card .skill-icon{color:#f06;background:#ff006614}.skill-title{font-family:Inter,sans-serif;color:#fff;font-size:1rem;font-weight:500;margin-bottom:.8rem;letter-spacing:.02em}.skill-desc{font-family:Inter,sans-serif;color:#ccc;line-height:1.5;font-size:.85rem;font-weight:300}.skill-status{font-family:JetBrains Mono,monospace;color:#0f8;font-size:.7rem;font-weight:400;opacity:.8}.about-bio{margin-bottom:3rem}.terminal-window{background:#0009;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;max-width:800px;margin:0 auto 3rem;transform:rotate(-.2deg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0003}.terminal-window-2{transform:rotate(1deg)}.terminal-header{background:#ffffff05;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.terminal-buttons{display:flex;gap:.5rem}.terminal-btn{width:12px;height:12px;border-radius:50%;display:block;opacity:.6}.terminal-btn.red{background:#f06}.terminal-btn.yellow{background:#feca57}.terminal-btn.green{background:#0f8}.terminal-title{font-family:JetBrains Mono,monospace;color:#fff;font-size:.85rem;font-weight:400}.terminal-status{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#0f8;opacity:.7}.terminal-body{padding:1.5rem;font-family:JetBrains Mono,monospace;line-height:1.6}.terminal-line{margin-bottom:1rem;font-size:.85rem}.terminal-prompt{color:#0f8;font-weight:500}.terminal-command{color:#fff;margin-left:.5rem;opacity:.9}.terminal-output{color:#e0e0e0;margin-left:1rem}.terminal-output p{margin-bottom:1rem;font-size:.85rem;line-height:1.6;font-weight:300}.terminal-highlight{padding:.2rem .5rem;border-radius:4px;background:#00ff881a;color:#0f8;font-weight:400}.terminal-cursor{color:#0f8;display:inline-block;font-weight:500;margin-left:.5rem;opacity:.8;animation:cursor-blink 2s ease-in-out infinite}.chaos-elements{position:fixed;bottom:30px;left:30px;pointer-events:none;z-index:100}.status-indicator{display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;color:#feca57;font-size:.7rem;font-weight:400;background:#feca5714;padding:.4rem .8rem;border:1px solid rgba(254,202,87,.2);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.7}@keyframes pulse-red{0%,to{width:100%}50%{width:95%}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width: 768px){.about-main{padding:100px 1rem 40px}.about-error-overlay{top:60px;right:15px;font-size:.7rem;padding:.3rem .6rem}.about-title{font-size:clamp(2.5rem,12vw,6rem);margin-bottom:1.5rem}.about-subtitle-container{flex-direction:column;gap:1rem}.profile-grid{grid-template-columns:1fr;gap:1rem}.main-card{grid-column:1;transform:rotate(0)}.profile-card{padding:1.5rem}.terminal-window,.terminal-window-2{transform:rotate(0);margin:0 0 2rem}.terminal-body{padding:1rem}.chaos-elements{bottom:20px;left:20px}.skill-card{transform:rotate(0)!important}}@media (max-width: 480px){.about-main{padding:80px .5rem 30px}.profile-card{padding:1rem}.terminal-body{padding:.8rem}.metric-item{flex-direction:column;align-items:flex-start;gap:.5rem}.metric-label{min-width:auto}}.showcase-section{padding:min(8vw,100px) min(5vw,60px);background:#0a0a0a;position:relative;overflow:hidden}.showcase-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,0,102,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,136,.03) 0%,transparent 50%);pointer-events:none}.showcase-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.showcase-header{text-align:left}.showcase-title{font-size:clamp(40px,8vw,120px);font-weight:300;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.02em;position:relative}.title-corruption{color:#666;font-size:.3em;font-family:JetBrains Mono,monospace;vertical-align:super;margin-left:.5em;opacity:.7}.showcase-subtitle{font-size:clamp(16px,2.5vw,24px);color:#999;font-weight:400;font-family:Inter,sans-serif}.header-noise{font-family:JetBrains Mono,monospace;font-size:12px;color:#333;margin-top:20px;opacity:.5}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:clamp(60px,10vw,120px)}.showcase-card{background:#111;border:1px solid #222;position:relative;overflow:hidden;transition:all .3s ease}.showcase-card:hover{border-color:#444;transform:translateY(-2px)}.showcase-card.wide{grid-column:span 2}@media (max-width: 768px){.showcase-card.wide{grid-column:span 1}}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0}.card-type{font-family:JetBrains Mono,monospace;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.1em}.featured-badge{color:#f06;font-size:16px}.card-thumbnail{position:relative;aspect-ratio:16/10;margin:15px 20px 0;overflow:hidden;background:#000}.card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.showcase-card:hover .card-thumbnail img{transform:scale(1.02)}.thumbnail-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.showcase-card:hover .thumbnail-overlay{opacity:1}.overlay-text{color:#fff;font-family:JetBrains Mono,monospace;font-size:14px;text-transform:uppercase;letter-spacing:.2em}.card-content{padding:20px}.card-title{font-size:20px;font-weight:500;color:#fff;margin:0 0 10px;font-family:Inter,sans-serif}.card-description{font-size:14px;color:#999;line-height:1.5;margin:0 0 20px;font-family:Inter,sans-serif}.card-meta{display:flex;justify-content:space-between;align-items:center}.meta-category{font-family:JetBrains Mono,monospace;font-size:12px;color:#666}.meta-actions{display:flex;gap:8px}.action-btn{background:transparent;border:1px solid #333;color:#999;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn:hover{border-color:#0f8;color:#0f8}.card-glitch{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff0066,transparent);opacity:0;animation:glitch 3s infinite}@keyframes glitch{0%,98%{opacity:0}1%,3%{opacity:1}}.showcase-footer{display:flex;flex-direction:column;align-items:center;gap:30px}.view-all-btn{display:flex;align-items:center;gap:15px;background:transparent;border:1px solid #fff;color:#fff;padding:15px 30px;text-decoration:none;font-family:Inter,sans-serif;font-size:16px;transition:all .3s ease;position:relative;overflow:hidden}.view-all-btn:hover{background:#fff;color:#000;transform:translateY(-2px)}.btn-corruption{position:absolute;top:-25px;right:10px;font-family:JetBrains Mono,monospace;font-size:10px;color:#333;opacity:0;transition:opacity .3s ease}.view-all-btn:hover .btn-corruption{opacity:1}.footer-artifacts{display:flex;gap:20px;opacity:.3}.artifact{font-family:JetBrains Mono,monospace;font-size:11px;color:#666}.showcase-card.audio{border-left:3px solid #00ff88}.showcase-card.visual{border-left:3px solid #ff0066}@media (max-width: 768px){.showcase-section{padding:60px 20px}.showcase-grid{grid-template-columns:1fr;gap:20px}.footer-artifacts{flex-direction:column;align-items:center;gap:10px}}.portfolio-page{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Inter,sans-serif;padding:6rem 4rem 4rem;max-width:1400px;margin:0 auto}.portfolio-header{margin:3rem 0}.header-top{display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:.875rem}.back-link{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:500;transition:all .2s ease;cursor:pointer}.back-link:hover{color:#0f8;transform:translate(-2px)}.status-text{color:#666;font-size:.75rem;letter-spacing:.5px}.header-main h1.portfolio-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;margin:0;line-height:1.1;letter-spacing:-.02em;position:relative}.title-meta{font-size:.4em;color:#666;font-weight:400;margin-left:1rem}.portfolio-subtitle{font-size:1.125rem;color:#999;margin:1rem 0 0;font-weight:400;line-height:1.5}.portfolio-controls{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem;padding:2rem;background:#111;border:1px solid #222;border-radius:8px;font-family:JetBrains Mono,monospace}.mobile-controls-header{display:none}.accordion-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:1px solid #333;color:#fff;padding:1rem;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.875rem;cursor:pointer;transition:all .2s ease}.accordion-toggle:hover{border-color:#555;background:#ffffff05}.active-filters-indicator{color:#0f8;margin-left:.5rem;font-size:.6rem;vertical-align:middle}.controls-content{display:flex;flex-direction:column;gap:2rem}.controls-content.expanded{display:flex}.control-group{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.control-label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px;min-width:3rem}.search-wrapper{display:flex;align-items:center;gap:.75rem;background:#0a0a0a;border:1px solid #333;border-radius:6px;padding:.75rem 1rem;min-width:20rem}.search-wrapper svg{color:#666;flex-shrink:0}.search-input{background:none;border:none;color:#fff;font-family:JetBrains Mono,monospace;font-size:.875rem;width:100%;outline:none}.search-input::placeholder{color:#666}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:#0a0a0a;border:1px solid #333;color:#fff;padding:.5rem 1rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.75rem;cursor:pointer;transition:all .2s ease;text-transform:lowercase}.filter-btn:hover{border-color:#555;background:#111}.filter-btn.active{background:#0f8;color:#0a0a0a;border-color:#0f8;font-weight:600}.view-controls{display:flex;align-items:center;gap:1rem}.view-buttons{display:flex;gap:.25rem}.view-btn{background:#0a0a0a;border:1px solid #333;color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.view-btn:hover{border-color:#555;background:#111}.view-btn.active{background:#0f8;color:#0a0a0a;border-color:#0f8}.sort-controls{display:flex;align-items:center;gap:1rem}.sort-select{background:#0a0a0a;border:1px solid #333;color:#fff;padding:.5rem 1rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.75rem;cursor:pointer;outline:none}.sort-select:hover{border-color:#555}.column-controls{display:flex;align-items:center;gap:1rem}.column-buttons{display:flex;gap:.25rem}.column-btn{background:#0a0a0a;border:1px solid #333;color:#fff;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:JetBrains Mono,monospace;font-size:.75rem;min-width:2rem;text-align:center}.column-btn:hover{border-color:#555;background:#111}.column-btn.active{background:#0f8;color:#0a0a0a;border-color:#0f8}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-family:JetBrains Mono,monospace;font-size:.875rem;color:#999}.clear-filters{background:none;border:1px solid #333;color:#ff3b3b;padding:.25rem .75rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.75rem;cursor:pointer;transition:all .2s ease}.clear-filters:hover{border-color:#ff3b3b;background:#ff3b3b1a}.portfolio-content{margin-bottom:4rem}.portfolio-content.grid{display:grid;gap:2rem}.portfolio-content.list{display:flex;flex-direction:column;gap:1.5rem}.portfolio-masonry{display:flex;gap:2rem;align-items:flex-start;width:100%}.masonry-column{flex:1;display:flex;flex-direction:column;gap:2rem;min-width:0}.columns-1{max-width:600px;margin:0 auto}.columns-1 .masonry-column{flex:1}.columns-2 .masonry-column{flex:1;min-width:calc(50% - 1rem)}.columns-3 .masonry-column{flex:1;min-width:calc(33.333% - 1.333rem)}.columns-4 .masonry-column{flex:1;min-width:calc(25% - 1.5rem)}.portfolio-item{background:#111;border:1px solid #222;border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative}.portfolio-item:hover{border-color:#333;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.no-results{text-align:center;padding:4rem 2rem;color:#666}.no-results-icon{font-size:3rem;margin-bottom:1rem;color:#333}.no-results h3{font-size:1.5rem;margin:0 0 .5rem;color:#fff}.no-results p{margin:0 0 2rem;color:#999}.reset-btn{background:#0f8;border:none;color:#0a0a0a;padding:.75rem 1.5rem;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-btn:hover{background:#00cc70;transform:translateY(-1px)}.portfolio-footer{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid #222;font-family:JetBrains Mono,monospace}.stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-number{font-size:1.5rem;font-weight:700;color:#0f8}.stat-label{font-size:.75rem;color:#666;text-transform:lowercase}.footer-debug{font-size:.75rem;color:#444}@media (max-width: 1200px){.portfolio-page{padding:4rem 2rem 2rem}}@media (max-width: 768px){.portfolio-controls{padding:1rem}.mobile-controls-header{display:block!important}.controls-content{display:none;margin-top:1rem}.controls-content.expanded{display:flex;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.control-group{flex-direction:column;align-items:flex-start;gap:.75rem}.search-wrapper{min-width:unset;width:100%}.portfolio-content.grid{grid-template-columns:1fr;gap:1rem}.portfolio-masonry{gap:1rem}.columns-2 .masonry-column,.columns-3 .masonry-column,.columns-4 .masonry-column{min-width:100%}.columns-2,.columns-3,.columns-4{flex-direction:column}.header-top{gap:1rem;align-items:flex-start}.stats{gap:1rem}.portfolio-footer{flex-direction:column;gap:1rem;align-items:flex-start}.visual-main-asset{height:250px}.carousel-btn{width:36px;height:36px;opacity:1}.carousel-prev{left:.5rem}.carousel-next{right:.5rem}.visual-thumbnails{padding:.75rem;gap:.375rem}.thumbnail-btn{width:50px;height:38px}}@media (max-width: 480px){.filter-buttons,.view-controls{justify-content:center}.visual-main-asset{height:200px}.carousel-btn{width:32px;height:32px}.thumbnail-btn{width:45px;height:34px}.visual-thumbnails{padding:.5rem}}.portfolio-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 98%,#00ff88 99%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.portfolio-item:hover:before{opacity:.1}.portfolio-page::-webkit-scrollbar{width:8px}.portfolio-page::-webkit-scrollbar-track{background:#0a0a0a}.portfolio-page::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.portfolio-page::-webkit-scrollbar-thumb:hover{background:#555}.audio-grid-item{background:#111;border:1px solid #222;border-radius:8px;padding:1.5rem;transition:all .3s ease;position:relative}.audio-grid-item:hover{border-color:#333;transform:translateY(-2px)}.audio-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.audio-info h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem;font-family:Inter,sans-serif}.audio-info p{color:#999;font-size:.875rem;margin:0;line-height:1.5}.audio-controls{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;transform:rotate(calc(var(--random-rotation) / 45 * 1deg))}.play-pause-btn{background:#0f8;border:none;color:#0a0a0a;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.play-pause-btn:hover{background:#00cc70;transform:scale(1.05)}.play-pause-btn:disabled{background:#333;color:#666;cursor:not-allowed;transform:none}.progress-container{flex:1;display:flex;flex-direction:column;gap:.5rem}.progress-bar{width:100%;height:4px;background:#333;border-radius:2px;overflow:hidden;cursor:pointer}.progress-fill{height:100%;background:#0f8;transition:width .1s ease}.time-display{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#666}.volume-control{display:flex;align-items:center;gap:.5rem}.volume-slider{width:60px;height:4px;background:#333;border-radius:2px;cursor:pointer;position:relative}.volume-fill{height:100%;background:#0f8;border-radius:2px}.visual-grid-item{background:#111;border:1px solid #222;border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative}.visual-grid-item:hover{border-color:#333;transform:translateY(-2px)}.visual-carousel{position:relative}.visual-main-asset{position:relative;width:100%;overflow:hidden}.visual-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.visual-main-asset:hover .visual-image{transform:scale(1.02)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;z-index:2}.visual-main-asset:hover .carousel-btn{opacity:1}.carousel-prev{left:1rem}.carousel-next{right:1rem}.carousel-btn:hover{background:#0f8c;color:#0a0a0a;transform:translateY(-50%) scale(1.1)}.carousel-counter{position:absolute;bottom:1rem;right:1rem;background:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s ease;z-index:2}.visual-main-asset:hover .carousel-counter{opacity:1}.mobile-swipe-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#0f8;padding:.5rem 1rem;border-radius:20px;font-family:JetBrains Mono,monospace;font-size:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:3}@media (max-width: 768px){.carousel-btn.desktop-only{display:none}.mobile-swipe-indicator{opacity:.7}.visual-main-asset:active .mobile-swipe-indicator{opacity:.9}.visual-main-asset{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}}@media (min-width: 769px){.mobile-swipe-indicator{display:none}}.visual-thumbnails{display:flex;gap:.5rem;padding:1rem;background:#0a0a0a;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.visual-thumbnails::-webkit-scrollbar{height:4px}.visual-thumbnails::-webkit-scrollbar-track{background:transparent}.visual-thumbnails::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.thumbnail-btn{background:none;border:2px solid #333;border-radius:6px;padding:0;cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease;flex-shrink:0;width:60px;height:45px}.thumbnail-btn:hover{border-color:#555;transform:scale(1.05)}.thumbnail-btn.active{border-color:#0f8;box-shadow:0 0 8px #00ff884d}.thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-video{position:relative;width:100%;height:100%}.thumbnail-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f8c;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#0a0a0a}.visual-content{padding:1.5rem}.visual-content h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem;font-family:Inter,sans-serif}.visual-content p{color:#999;font-size:.875rem;margin:0 0 1rem;line-height:1.5}.visual-meta{display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#666}.visual-category{background:#0a0a0a;padding:.25rem .75rem;border-radius:4px;border:1px solid #333}.loading-placeholder{background:#222;border-radius:4px;position:relative;overflow:hidden}.loading-placeholder:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{to{left:100%}}.error-state{background:#ff3b3b1a;border:1px solid #ff3b3b;border-radius:8px;padding:1rem;text-align:center;color:#ff3b3b;font-family:JetBrains Mono,monospace;font-size:.875rem}@media (max-width: 768px){.audio-grid-item,.visual-grid-item{margin-bottom:1rem}.audio-controls{flex-wrap:wrap;gap:.75rem}.volume-control{order:3;width:100%;justify-content:center}.visual-content{padding:1rem}}@media (max-width: 480px){.audio-grid-item,.visual-grid-item{border-radius:6px}.audio-header{flex-direction:column;gap:.5rem;align-items:flex-start}.play-pause-btn{width:40px;height:40px}.visual-image{height:200px}}.video-container{position:relative;width:100%;height:100%}.video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit}.video-play-button{background:#0f8;border:none;color:#0a0a0a;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00ff884d}.video-play-button:hover{background:#00cc70;transform:scale(1.1);box-shadow:0 6px 16px #0f86}.category-wedding{position:relative}.category-wedding .visual-grid-item,.category-wedding .audio-grid-item{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.8) 0%,transparent 30%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.6) 0%,transparent 40%),linear-gradient(135deg,#faf8f3,#f5f1ea,#f0ebe0);border:none;border-radius:0;box-shadow:0 2px 8px #0000001a,0 8px 24px #0000000d,inset 0 1px #fffc;overflow:hidden;position:relative;transform:rotate(-.5deg);transition:transform .3s ease}.category-wedding .visual-grid-item:hover,.category-wedding .audio-grid-item:hover{transform:rotate(0) scale(1.02)}.category-wedding .visual-grid-item:before,.category-wedding .audio-grid-item:before{content:"";position:absolute;inset:15px;border:2px solid #d4af37;border-image:linear-gradient(45deg,#d4af37,#e6c76a,#d4af37) 1;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(212,175,55,.02) 1px,rgba(212,175,55,.02) 2px),repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(212,175,55,.02) 1px,rgba(212,175,55,.02) 2px);pointer-events:none;z-index:1}.category-wedding .visual-grid-item:after,.category-wedding .audio-grid-item:after{content:"✦";position:absolute;top:8px;left:8px;color:#d4af37;font-size:12px;z-index:2;text-shadow:1px 1px 2px rgba(212,175,55,.3)}.category-wedding .visual-content h3,.category-wedding .audio-header h3{font-family:var(--wedding-font, "Luxurious Script"),cursive;color:#8b4513;text-shadow:1px 1px 2px rgba(212,175,55,.3);font-size:1.5rem;line-height:1.3}.category-wedding[style*="Luxurious Script"] .visual-content h3,.category-wedding[style*="Luxurious Script"] .audio-header h3{font-size:1.8rem;font-weight:400}.category-wedding[style*="Instrument Serif"] .visual-content h3,.category-wedding[style*="Instrument Serif"] .audio-header h3{font-size:1.4rem;font-weight:500}.category-wedding .visual-content,.category-wedding .audio-grid-item{background:linear-gradient(180deg,#faf8f3fa,#f5f1eaf2);color:#5d4037;border-radius:0;margin:15px;padding:20px 15px 15px;border:none;position:relative;z-index:2}.category-wedding .visual-content h3,.category-wedding .audio-header h3{font-family:var(--wedding-font, "Luxurious Script"),cursive;color:#8b4513;text-shadow:1px 1px 2px rgba(212,175,55,.3);font-size:1.5rem;line-height:1.3;text-align:center;margin-bottom:.5rem}.category-wedding .visual-content p,.category-wedding .audio-grid-item p{font-style:italic;color:#6d4c41;font-size:.9rem;line-height:1.4;text-align:center}.category-experimental{position:relative}.category-experimental .visual-grid-item,.category-experimental .audio-grid-item{background:#0a0a0a;position:relative;overflow:hidden;border:3px solid var(--experimental-color, #6ADD6A);border-radius:8px;clip-path:polygon(0% 0%,100% 0%,100% 85%,95% 90%,90% 95%,85% 90%,80% 95%,75% 90%,70% 95%,65% 90%,60% 95%,55% 90%,50% 95%,45% 90%,40% 95%,35% 90%,30% 95%,25% 90%,20% 95%,15% 90%,10% 95%,5% 90%,0% 85%)}.category-music{position:relative}.category-music .visual-grid-item,.category-music .audio-grid-item{background:linear-gradient(135deg,#1a1a1a,#2c2c2c,#1e1e1e);border:2px solid #333;border-radius:12px;box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0000004d,0 8px 16px #0006,0 4px 8px #0003;position:relative;overflow:hidden}.category-music .visual-grid-item:before,.category-music .audio-grid-item:before{content:"";position:absolute;top:12px;right:12px;width:50px;height:50px;background:radial-gradient(circle at 50% 50%,#1a1a1a 18%,#2a2a2a 19% 22%,#1a1a1a 23%),radial-gradient(circle at 50% 50%,#333,#111);border-radius:50%;border:1px solid #444;z-index:3;box-shadow:inset 0 2px 4px #00000080,0 2px 8px #0000004d}.category-music .visual-grid-item:after,.category-music .audio-grid-item:after{content:"";position:absolute;top:22px;right:22px;width:10px;height:10px;background:#0a0a0a;border-radius:50%;border:1px solid #222;z-index:4;box-shadow:inset 0 1px 2px #000c}.category-music .visual-content,.category-music .audio-grid-item{background:linear-gradient(90deg,transparent 0%,transparent 20%,rgba(255,255,255,.02) 20%,rgba(255,255,255,.02) 21%,transparent 21%),linear-gradient(0deg,transparent 0%,transparent 95%,rgba(255,255,255,.05) 95%),linear-gradient(180deg,#1e1e1e,#252525);color:#d4af87;position:relative;border-top:1px solid rgba(255,255,255,.1)}.category-music .visual-content:before,.category-music .audio-grid-item:before{content:"";position:absolute;bottom:8px;left:8px;width:6px;height:6px;background:#00ff41;border-radius:50%;box-shadow:0 0 4px #00ff41,inset 0 1px 2px #ffffff4d;animation:musicPowerLED 3s ease-in-out infinite}.category-music .visual-content:after,.category-music .audio-grid-item:after{content:"";position:absolute;bottom:6px;right:20px;width:12px;height:12px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,transparent 50%),linear-gradient(135deg,#444,#222);border-radius:50%;border:1px solid #333;box-shadow:inset 0 1px 1px #fff3,0 1px 2px #0000004d}.category-music .visual-content h3,.category-music .audio-header h3{color:#f4e4bc;font-weight:400;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 8px rgba(244,228,188,.2);font-family:JetBrains Mono,monospace;font-size:.9rem}@keyframes musicPowerLED{0%,to{opacity:1}50%{opacity:.3}}:root{--wedding-font-1: "Luxurious Script";--wedding-font-2: "Instrument Serif"}