:root{--bg:#0b0e1a;--bg-2:#0e1326;--cyan:#22d3ee;--pink:#f472b6;--text:#e7ecff;--muted:#8b93b8;--card:#ffffff0a;--card-border:#ffffff17}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:radial-gradient(1200px 600px at 15% -10%, #22d3ee1f, transparent 60%), radial-gradient(1000px 600px at 100% 0%, #f472b61a, transparent 55%), var(--bg);-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}a{color:inherit}.wrap{width:100%;max-width:1040px;padding:0 24px}header.top{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding:22px 0;display:flex}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{filter:drop-shadow(0 0 12px #22d3ee59);width:auto;height:40px}.brand b{letter-spacing:.06em;font-family:Outfit;font-size:18px;font-weight:800}.brand b span{color:var(--cyan)}.top-links{color:var(--muted);align-items:center;gap:18px;font-size:14px;display:flex}.top-links a{color:var(--muted);text-decoration:none;transition:color .2s}.top-links a:hover{color:var(--text)}.hero{text-align:center;padding:56px 0 28px}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);border:1px solid #22d3ee4d;border-radius:999px;margin-bottom:22px;padding:6px 16px;font-family:Outfit;font-size:12px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.01em;font-family:Outfit;font-size:clamp(38px,7vw,76px);font-weight:900;line-height:1.02}.hero h1 .grad{background:linear-gradient(100deg, var(--cyan), var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:560px;margin:20px auto 0;font-size:clamp(15px,2.2vw,19px)}.cta-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex}.btn{letter-spacing:.02em;border:1px solid var(--card-border);background:var(--card);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:13px 24px;font-family:Outfit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(100deg, var(--cyan), var(--pink));color:#08111f;border-color:#0000}.btn-primary:hover{box-shadow:0 12px 34px #f472b64d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cards{grid-template-columns:repeat(3,1fr);gap:18px;padding:28px 0 64px;display:grid}@media (width<=760px){.cards{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--card-border);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;gap:12px;padding:26px 24px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.card:hover{background:#ffffff0f;border-color:#0000;transform:translateY(-4px)}.card.draft:hover{border-color:#22d3ee80;box-shadow:0 14px 40px #22d3ee2e}.card.leilao:hover{border-color:#f472b680;box-shadow:0 14px 40px #f472b62e}.card.ranking:hover{border-color:#a88bfa80;box-shadow:0 14px 40px #a88bfa2e}.card .ic{font-size:30px;line-height:1}.card h3{font-family:Outfit;font-size:21px;font-weight:700}.card p{color:var(--muted);flex:1;font-size:14px;line-height:1.5}.card .go{color:var(--cyan);letter-spacing:.04em;font-family:Outfit;font-size:13px;font-weight:600}.card.leilao .go{color:var(--pink)}.card.ranking .go{color:#a88bfa}footer{color:var(--muted);text-align:center;width:100%;padding:28px 0 40px;font-size:13px}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--text)}.page{width:100%;max-width:680px;padding:8px 24px 64px}.page-head{text-align:center;padding:32px 0 24px}.page-head h1{font-family:Outfit;font-size:clamp(30px,5vw,46px);font-weight:900}.page-head h1 .grad{background:linear-gradient(100deg, var(--cyan), var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text}.page-head p{color:var(--muted);margin-top:12px}.form-card{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:28px 26px}.field{margin-bottom:20px}.field>label.lbl{margin-bottom:8px;font-family:Outfit;font-size:14px;font-weight:600;display:block}.field .req{color:var(--pink);margin-left:4px}.field input[type=text],.field input[type=number],.field select,.field textarea{border:1px solid var(--card-border);width:100%;color:var(--text);background:#00000040;border-radius:10px;outline:none;padding:11px 13px;font-family:inherit;font-size:15px;transition:border-color .16s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan)}.field textarea{resize:vertical;min-height:90px}.field select option{background:var(--bg-2)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--card-border);color:var(--text);background:#00000040;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;transition:border-color .16s,background .16s;display:inline-flex}.chip.active{border-color:var(--cyan);background:#22d3ee1f}.chip input{display:none}.toggle{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.toggle input{width:18px;height:18px;accent-color:var(--cyan)}.alert{border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:14px}.alert.err{color:#ffd5e8;background:#f472b61a;border:1px solid #f472b666}.success{text-align:center;background:var(--card);border:1px solid #22d3ee66;border-radius:18px;padding:40px 28px}.success .big{font-size:44px}.success h2{margin:14px 0 8px;font-family:Outfit;font-weight:800}.success p{color:var(--muted)}.muted-link{color:var(--muted);font-size:14px;text-decoration:none}.muted-link:hover{color:var(--text)}
