:root{--yellow:#f7b52c;--yellow-dark:#e89f08;--cream:#fffaf0;--paper:#fffdf8;--ink:#080808;--muted:#5d5144;--line:#08080824;--shadow:0 20px 50px #3c26002e;--radius:26px;color:var(--ink);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--yellow);margin:0}.container{max-width:720px;margin:auto;padding:20px}.hero{margin-bottom:25px}.hero h1{letter-spacing:-.04em;text-transform:uppercase;font-family:Didot,Georgia,serif;font-size:clamp(42px,10vw,72px);line-height:.9}.sub{margin-top:12px;font-family:Didot,Georgia,serif;font-size:22px}.text{color:var(--muted);margin-top:8px;line-height:1.5}.steps{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin:20px 0 30px;padding:18px}.steps p{margin:6px 0}.hint{color:var(--yellow-dark);margin-top:10px;font-weight:600}.progress{margin-bottom:20px;font-weight:700}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:18px;padding:22px;transition:transform .2s}.card:hover{transform:translateY(-2px)}.card h2{margin-bottom:6px;font-family:Didot,Georgia,serif;font-size:32px}.card p{margin:6px 0}.card small{color:var(--muted)}.upload-info{margin-top:8px;font-size:14px;font-weight:600}.actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}button{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;font-weight:600;display:inline-flex}button:hover{opacity:.9}.secondary{color:#000;background:#eee}.modal{z-index:50;background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.modal-box{border-radius:var(--radius);background:#fff;width:min(420px,90%);padding:24px}.modal-box h3{margin-top:0;font-family:Didot,Georgia,serif}.admin{padding:20px}.admin input{border:1px solid var(--line);border-radius:12px;margin-right:10px;padding:10px}.admin button{margin-top:10px}.error{color:red}.gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:20px;display:grid}.gallery img{object-fit:cover;border-radius:12px;width:100%}@media (width<=480px){.container{padding:14px}.hero h1{font-size:42px}.actions{flex-direction:column}button{width:100%}}