*{margin:0;padding:0;box-sizing:border-box}:root{--yellow: #ffd800;--black: #000000}body{background:var(--black);color:var(--yellow);font-family:Courier New,monospace;min-height:100svh;display:flex;justify-content:center;align-items:center;padding:20px}.wrapper{border:5px dashed var(--yellow);padding:clamp(16px,4vw,32px);max-width:900px;width:100%;transform:rotate(-1deg)}h1{font-size:clamp(2rem,8vw,3.5rem);text-transform:uppercase;letter-spacing:.2em;margin-bottom:20px;word-break:break-word}p{font-size:clamp(1rem,4vw,1.2rem);line-height:1.6;margin-bottom:20px}ul{list-style:none;margin-bottom:30px}ul li{margin-bottom:10px;font-size:clamp(.95rem,3.5vw,1.1rem)}.buttons{display:flex;flex-wrap:wrap;margin-top:20px;gap:15px}a{text-decoration:none;color:var(--black);background:var(--yellow);padding:12px 18px;font-weight:700;border:3px solid var(--black);box-shadow:5px 5px 0 var(--black);transition:all .1s linear;flex:1 1 auto;text-align:center}a:hover{transform:translate(5px,5px);box-shadow:none}.buttons button{color:var(--black);background:var(--yellow);padding:12px 18px;font-weight:700;border:3px solid var(--black);box-shadow:5px 5px 0 var(--black);transition:all .1s linear;flex:1 1 auto;text-align:center;font-family:Courier New,monospace;font-size:1rem;cursor:pointer;outline:none}.buttons button:hover{transform:translate(5px,5px);box-shadow:none}footer{margin-top:30px;font-size:.8rem;opacity:.8;border-top:2px dotted var(--yellow);padding-top:10px}.wrapper.layout-punk{display:flex;flex-direction:column;min-height:100svh;position:relative}.punk-header{font-size:1.2rem;font-family:Courier New,monospace;color:var(--yellow);background:var(--black);border-bottom:3px dashed var(--yellow);padding:12px 0;text-align:center;margin-bottom:18px;letter-spacing:.1em;font-style:italic}.punk-content{display:flex;flex:1;gap:24px}.punk-nav{display:flex;flex-direction:column;align-items:flex-end;gap:18px;margin-left:24px;min-width:140px}.punk-btn{background:var(--yellow);color:var(--black);border:3px solid var(--black);box-shadow:4px 4px 0 var(--black);font-family:Courier New,monospace;font-size:1.1rem;padding:12px 20px;text-transform:uppercase;letter-spacing:.08em;margin-right:0;margin-left:auto;transition:all .1s linear;cursor:pointer;position:relative}.punk-btn:hover{transform:translate(4px,4px) rotate(-2deg);box-shadow:none;background:#ffe600}.pictures{display:block;max-width:220px;width:100%;height:auto;margin:32px auto;border:4px dashed var(--yellow);box-shadow:7px 7px 0 var(--black);background:var(--black);transform:rotate(-2deg);transition:transform .1s linear,box-shadow .1s linear}.pictures:hover{transform:rotate(2deg) scale(1.03)}.alt_pictures{display:block;margin:12px auto 28px;color:var(--yellow);background:var(--black);border:2px dashed var(--yellow);font-family:Courier New,monospace;font-size:1rem;padding:8px 14px;text-align:center;letter-spacing:.05em;box-shadow:3px 3px 0 var(--black);transform:rotate(-1.5deg);max-width:220px;word-break:break-word;font-style:italic;opacity:.92}@media(max-width:700px){.punk-content{flex-direction:column;gap:0}.punk-nav{flex-direction:row;justify-content:center;margin-left:0;margin-top:18px;min-width:unset;gap:12px}.pictures{max-width:140px}}@media(max-width:480px){.wrapper{transform:none}.buttons{flex-direction:column}.punk-header{font-size:1rem;padding:8px 0}.punk-nav{flex-direction:row;justify-content:center;margin-left:0;margin-top:12px;gap:8px}.punk-btn{font-size:.95rem;padding:8px 12px}.pictures{max-width:100px}}.no-facts{border:2px dashed #e63946;padding:2rem;margin:2rem 0;text-align:center;font-family:monospace;color:#e63946}