:root{--red:#e32636}*{box-sizing:border-box}body{margin:0;background:#090909;color:#f5f5f5;font-family:Arial,sans-serif}header{height:70px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#111;border-bottom:1px solid #292929}.logo{color:white;text-decoration:none;font-weight:900;letter-spacing:2px}.logo span,h1 span{color:var(--red)}nav{display:flex;gap:8px}button{cursor:pointer;border:0;border-radius:6px;padding:11px 14px;background:#252525;color:white}main{max-width:1000px;margin:auto;padding:55px 6%;min-height:75vh}.view{display:none}.view.active{display:block}.hero{padding:65px 0;background:radial-gradient(ellipse at 85% 40%,#401016,transparent 48%)}small{color:var(--red);letter-spacing:3px;font-weight:bold}h1{font-size:clamp(42px,8vw,72px);line-height:1.05}h2{font-size:32px}.hero p,#libraryMessage{color:#aaa}.primary{background:var(--red);font-weight:bold}.box{max-width:420px;margin:auto;background:#151515;border:1px solid #333;border-radius:12px;padding:25px}.tabs{display:flex;gap:8px;margin:18px 0}label{display:block;margin:14px 0;color:#ccc;font-size:13px}input{display:block;width:100%;padding:12px;margin-top:7px;background:#090909;color:white;border:1px solid #444;border-radius:6px}.hidden{display:none!important}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.card{padding:18px;background:#171717;border:1px solid #333;border-radius:9px}footer{text-align:center;color:#777;padding:25px;border-top:1px solid #222;font-size:12px}@media(max-width:500px){header{padding:0 3%}nav{gap:2px}nav button{padding:9px 7px;font-size:12px}main{padding:35px 5%}}