*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #1a1a2e;--secondary-color: #16213e;--accent-color: #e94560;--text-color: #eee;--text-muted: #aaa}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;background-color:var(--primary-color);color:var(--text-color);line-height:1.6}a{color:var(--accent-color);text-decoration:none;transition:opacity .3s}a:hover{opacity:.8}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem 2rem;max-width:480px;margin:0 auto;position:relative}.app:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:400px;background:url(/sammacbackground.jpg) center center / cover no-repeat;clip-path:inset(5% 0 5% 0);z-index:0;opacity:.3;filter:grayscale(40%)}.app>*{position:relative;z-index:1}.hero{text-align:center;margin-bottom:2.5rem;width:100%}.hero-image{width:140px;height:140px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.08) translate(4%)}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--secondary-color),#2a2a4a);border:2px dashed var(--text-muted);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;border-radius:50%}.hero h1{font-size:2.25rem;font-weight:700;letter-spacing:1px;margin-bottom:.4rem}.tagline{color:var(--text-muted);font-size:1rem;font-weight:400}.actions{width:100%;display:flex;flex-direction:column;gap:.875rem;margin-bottom:3rem}.btn{display:block;width:100%;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;transition:transform .15s,box-shadow .15s;cursor:pointer;border:none;font-family:inherit}.btn:hover{transform:translateY(-2px);opacity:1}.btn-merch{background-color:var(--accent-color);color:#fff}.btn-merch:hover{box-shadow:0 4px 20px #e9456066;color:#fff}.btn-vinyl{background-color:#2a2a4a;color:var(--text-color);border:1.5px solid rgba(255,255,255,.1)}.btn-vinyl:hover{box-shadow:0 4px 20px #ffffff14;color:var(--text-color)}.btn-freestyle{background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff}.btn-freestyle:hover{box-shadow:0 4px 20px #a855f766;color:#fff}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.mailing{width:100%;text-align:center;margin-bottom:3rem}.mailing h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.mailing p{color:var(--text-muted);font-size:.875rem;margin-bottom:1.25rem;line-height:1.5}.mailing-form{display:flex;gap:.5rem}.mailing-input{flex:1;padding:.75rem 1rem;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff0d;color:var(--text-color);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}.mailing-input::placeholder{color:var(--text-muted)}.mailing-input:focus{border-color:var(--accent-color)}.btn-subscribe{padding:.75rem 1.25rem;border-radius:10px;background-color:var(--accent-color);color:#fff;font-size:.9rem;white-space:nowrap}.mailing-success{color:#4ade80;font-size:.95rem;margin:0}.mailing-error{color:var(--accent-color);font-size:.8rem;margin-top:.5rem}.socials{display:flex;gap:1.5rem;margin-bottom:3rem}.socials a{transition:filter .2s,transform .15s,opacity .2s;opacity:.9}.socials a:hover{transform:scale(1.15);opacity:1}.social-instagram{color:#e1306c}.social-tiktok{color:#00f2ea}.social-youtube{color:red}.social-spotify{color:#1db954}.social-bandcamp{color:#1da0c3}.footer{margin-top:auto;text-align:center;color:var(--text-muted);font-size:.75rem;padding:1rem 0}