:root{--bg: #1a1a1a;--text: #e8e8e8;--card-bg: #e8e8e8;--accent: #eeff00;--danger: #cc0000;--shadow-bg: #555555;--black: #111111;--pure-black: #000000;--white: #ffffff;--success: #00cc00;--neon-blue: #6e69ff;--card-text: var(--black)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--text);margin:0;animation:fadeIn .3s ease-out forwards;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.site-header{padding:1.5rem 1rem;border-bottom:3px dashed var(--text);background:var(--pure-black);display:flex;flex-direction:column;align-items:center}.logo-row{width:100%;display:flex;justify-content:center;margin-bottom:2rem}.nav-row{width:100%;max-width:800px;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media(max-width:550px){.nav-row{justify-content:center}.punk-nav{width:100%}.ext-link{position:fixed;bottom:max(1.5rem,env(safe-area-inset-bottom));z-index:999}.nav-row>.ext-link{position:fixed;bottom:max(1.5rem,env(safe-area-inset-bottom));z-index:1000;flex-shrink:0;margin:0;width:44px;height:44px;border:3px solid var(--text);background:var(--bg);color:var(--text);box-shadow:4px 4px 0 var(--shadow-bg),6px 6px 0 var(--text);transition:all .1s ease-out;display:flex;align-items:center;justify-content:center}.nav-row>.ext-link:hover{transform:translate(-2px,-2px) rotate(-5deg);border:3px solid var(--black);box-shadow:6px 6px 0 var(--danger),8px 8px 0 var(--text);background:var(--accent);color:var(--black)}.nav-row>.ext-link svg{width:22px;height:22px}.nav-row>.ext-link:first-of-type{left:1rem}.nav-row>.ext-link:last-of-type{right:1rem}}body:after{content:"";display:none;position:fixed;left:0;right:0;bottom:0;height:max(8rem,env(safe-area-inset-bottom) + 3rem);background:linear-gradient(to top,rgba(0,0,0,.9),transparent);z-index:999;pointer-events:none}@media(max-width:550px){body:after{display:block}}.ext-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:3px solid var(--text);background:var(--bg);color:var(--text);box-shadow:4px 4px 0 var(--shadow-bg),6px 6px 0 var(--text);transition:all .1s ease-out}.ext-link svg{width:22px;height:22px}.ext-link:hover{transform:translate(-2px,-2px) rotate(-5deg);border:3px solid var(--black);box-shadow:6px 6px 0 var(--danger),8px 8px 0 var(--text);background:var(--accent);color:var(--black)}.logo-link{display:block;transition:transform .2s ease,filter .2s ease;filter:drop-shadow(4px 4px 0px var(--neon-blue))}.main-logo{display:block;width:100%;max-width:350px;height:auto;aspect-ratio:800 / 257;object-fit:contain}.logo-link:hover{transform:scale(1.05) rotate(-2deg);filter:drop-shadow(6px 6px 0px var(--danger))}.punk-nav{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.punk-nav a{border:3px solid var(--text);padding:.5rem 1.5rem;color:var(--text);text-decoration:none;font-weight:900;letter-spacing:1px;background:var(--bg);box-shadow:4px 4px 0 var(--shadow-bg),6px 6px 0 var(--text);transition:transform .1s,box-shadow .1s}.punk-nav a:nth-child(1){transform:rotate(-2deg)}.punk-nav a:nth-child(2){transform:rotate(1deg)}.punk-nav a:nth-child(3){transform:rotate(-1.5deg)}.punk-nav a:hover{background:var(--accent);color:var(--black);transform:translate(-2px,-2px) rotate(0)!important;border:3px solid var(--black);box-shadow:6px 6px 0 var(--danger),8px 8px 0 var(--text)}main{padding:1rem;max-width:800px;margin:0 auto}.deformed-text{filter:url(#my-deform-filter)}.hero-headline{font-size:3rem;text-transform:uppercase;line-height:.9;text-align:center;margin-top:0;margin-bottom:2rem;letter-spacing:-1px}.card-left{transform:rotate(-2deg)}.card-right{transform:rotate(1.5deg)}.badge{display:inline-block;background:var(--text);color:var(--bg);padding:.3rem .6rem;font-weight:900;font-size:.9rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.badge-invert{background:var(--danger);color:var(--white)}.btn,.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-weight:900;border:3px solid var(--text);cursor:pointer;text-transform:uppercase;font-family:inherit;box-shadow:4px 4px 0 var(--shadow-bg),6px 6px 0 var(--text);transition:transform .1s,box-shadow .1s,background .1s,color .1s;text-decoration:none;display:inline-block;text-align:center}.btn:hover,.btn-primary:hover,.btn-secondary:hover{transform:translate(-2px,-2px) rotate(-1.5deg)!important}.btn-primary{background:var(--danger);color:var(--text)}.btn-primary:hover{box-shadow:6px 6px 0 var(--accent),8px 8px 0 var(--text);color:var(--accent)}.btn-secondary{background:var(--card-bg);color:var(--black);border:4px solid var(--black)!important;outline:2px solid var(--text);box-shadow:6px 6px 0 var(--shadow-bg),8px 8px 0 var(--text)!important}.btn-secondary:hover{background:var(--black);color:var(--accent);box-shadow:8px 8px 0 var(--danger),10px 10px 0 var(--text)!important}.site-footer{margin-top:4rem;padding:3rem 1rem 4rem;border-top:3px dashed var(--text);background:var(--pure-black);text-align:center}.footer-wrapper{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer-copy{font-size:2rem;font-weight:900;color:var(--white);margin:0;letter-spacing:-1px;text-transform:uppercase;text-shadow:4px 4px 0px var(--neon-blue)}.footer-sub{color:var(--shadow-bg);font-weight:900;font-size:1rem;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:1px}