@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#0b0c0d;color:#f3f0e9;font-family:Inter,Arial,sans-serif;min-height:100vh}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(186,143,65,.12),transparent 30%),radial-gradient(circle at 10% 60%,rgba(186,143,65,.06),transparent 25%);z-index:-1}.topbar{height:82px;border-bottom:1px solid #262728;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2))}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brand-mark{width:42px;height:42px;border:1px solid #b98b3d;display:grid;place-items:center;font-weight:800;color:#d8ad61}.brand small{display:block;color:#8d8d8d;font-size:9px;letter-spacing:3px;margin-top:3px}.account{display:flex;align-items:center;gap:12px}.account img,.identity img{width:36px;height:36px;border-radius:50%}main{max-width:1180px;margin:auto;padding:70px 24px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center;min-height:440px}.eyebrow,.step{color:#c69a4e;font-size:11px;font-weight:700;letter-spacing:3px}.hero h1{font-size:64px;line-height:.98;margin:18px 0 25px;letter-spacing:-3px}.hero h1 em{font-family:'Playfair Display',serif;color:#c69a4e;font-weight:700}.hero p{color:#999;line-height:1.8;max-width:650px;font-size:16px}.card-preview{width:245px;height:340px;margin:auto;border-radius:18px;padding:18px;background:linear-gradient(145deg,#181818,#0d0d0d);border:1px solid #7e6030;box-shadow:0 25px 80px #000;position:relative;overflow:hidden;transform:rotate(4deg)}.foil{position:absolute;inset:-80px;background:linear-gradient(120deg,transparent 35%,rgba(216,173,97,.16),transparent 60%);transform:rotate(20deg)}.rarity{font-size:8px;letter-spacing:3px;color:#c69a4e;text-align:right}.portrait{height:205px;margin-top:12px;border:1px solid #292929;background:radial-gradient(circle,#28231b,#111);display:grid;place-items:center;text-align:center;color:#514633;font-weight:800;font-size:24px}.card-name{font-family:'Playfair Display',serif;font-size:22px;margin-top:15px}.stats{display:flex;justify-content:space-between;color:#766346;font-size:9px;margin-top:16px}.panel{margin-top:55px;border:1px solid #292929;background:rgba(17,18,19,.9);padding:42px;border-radius:4px}.locked{text-align:center;padding:45px}.locked .lock{font-size:32px;color:#c69a4e}.locked h2{font-size:30px}.locked p,.panel-head p{color:#8e8e8e}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #343434;color:#eee;text-decoration:none;padding:11px 17px;font-size:13px;font-weight:700;background:#171819;cursor:pointer}.btn.discord{background:#5865F2;border-color:#5865F2;color:white}.btn.large{padding:15px 24px;margin-top:15px}.btn.gold{background:#c09347;border-color:#c09347;color:#0d0d0d}.panel-head{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #292929;padding-bottom:28px}.panel-head h2{font-size:34px;margin:8px 0}.identity{display:flex;align-items:center;gap:12px}.identity small{display:block;color:#777;font-size:8px;letter-spacing:2px;margin-bottom:5px}.submission-form{max-width:760px;margin-top:35px}.field{margin-bottom:26px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.field label span{color:#c69a4e}.field label i{font-style:normal;color:#666;font-weight:400}.field input[type=text],.field input:not([type]),textarea{width:100%;background:#0d0e0f;border:1px solid #303132;color:#fff;padding:15px 16px;outline:none;font:inherit}.field input:focus,textarea:focus{border-color:#8d6b35}.field small{display:block;color:#686868;margin-top:8px}.drop{height:150px;border:1px dashed #494238!important;background:#0d0e0f;display:flex!important;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.drop strong{color:#d2a85e}.drop span{color:#696969!important;font-weight:400;margin-top:7px}.drop input{display:none}.check{display:flex;gap:12px;color:#8b8b8b;font-size:12px;line-height:1.6;margin:10px 0 28px}.check input{accent-color:#bd9149}.submit{padding:16px 25px}.flash{padding:16px 20px;margin-top:30px;border:1px solid}.flash.success{background:#132018;border-color:#31543b;color:#a8d7b3}.flash.error{background:#251414;border-color:#633737;color:#e1a3a3}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#272727;margin-top:50px;border:1px solid #272727}.how>div{background:#0f1011;padding:30px}.how b{color:#c69a4e;font-size:11px}.how h3{margin:12px 0}.how p{color:#777;line-height:1.6;font-size:13px}footer{text-align:center;color:#4f4f4f;font-size:9px;letter-spacing:3px;padding:40px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:30px}.hero h1{font-size:46px}.card-preview{display:none}.panel{padding:25px}.panel-head{display:block}.identity{margin-top:20px}.how{grid-template-columns:1fr}.account span{display:none}}
