:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f2f3f5;background:#171821}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#363a78 0,#171821 38rem)}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:12px 17px;background:#30313d;color:#f2f3f5;font-weight:650;transition:.18s transform,.18s background}button:hover{transform:translateY(-1px);background:#414250}button:disabled{opacity:.55;cursor:wait;transform:none}.primary{background:#5865f2}.primary:hover{background:#6975f5}.large{padding:15px 24px;font-size:1.04rem}.shell{max-width:900px;margin:auto;padding:32px 22px;min-height:100vh}section{background:#23242ee0;border:1px solid #454655;border-radius:22px;padding:32px;box-shadow:0 20px 60px #0004}h1{font-size:clamp(2.4rem,7vw,4.5rem);margin:.3em 0}h2{font-size:clamp(1.55rem,4vw,2.3rem);margin:0 0 8px}p{color:#c6c8d0;line-height:1.55}.hero{text-align:center;padding:72px 32px}.hero p{font-size:1.4rem;color:#fff}.hero small{display:block;max-width:520px;margin:0 auto 25px;color:#b6b8c2;line-height:1.5}.badge{font-size:.72rem;letter-spacing:.12em;color:#aeb4ff}.benefits{display:flex;justify-content:center;gap:22px;margin-top:28px;color:#c6c8d0;font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.card{text-align:left;min-height:92px;border:1px solid #464757;background:#2a2b36}.card b,.card small{display:block}.card b{font-size:1rem;margin-bottom:7px}.card small{color:#b9bbc5;font-weight:400}.card.active{background:#363b86;border-color:#737dff;box-shadow:0 0 0 1px #737dff}.narrow{max-width:620px;margin:auto}label{display:block;color:#c6c8d0;font-weight:650;margin-top:28px}input{display:block;width:100%;margin-top:8px;border:1px solid #555766;border-radius:12px;padding:14px;background:#191a22;color:#fff;outline:none}input:focus{border-color:#7c86ff}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.summary{margin:22px 0;padding:18px;border-radius:14px;background:#20212a;display:grid;gap:14px}.summary span{color:#aaadb9;font-size:.85rem}.summary strong{display:block;color:#fff;font-size:1rem;margin-top:2px;text-transform:capitalize}.notice{background:#423b27;border:1px solid #837338;color:#f8e7a1;padding:12px 14px;border-radius:12px;margin-bottom:16px;display:flex;justify-content:space-between}.notice button{padding:0;background:transparent}.static{display:block}nav{display:flex;justify-content:space-between;margin:0 4px 25px;color:#999cab}nav span{display:grid;gap:4px;text-align:center;font-weight:800}nav span:after{content:"";height:3px;background:#454653;border-radius:4px;min-width:40px}nav .done{color:#aeb4ff}nav .done:after{background:#5865f2}nav small{font-size:.7rem;font-weight:500}.guilds{display:grid;gap:10px;margin-top:20px}.guild{min-height:70px}.designs{grid-template-columns:repeat(4,1fr)}hr{border:0;border-top:1px solid #444554;margin:27px 0}@media(max-width:620px){.shell{padding:16px 12px}section{padding:22px 17px}.hero{padding:52px 18px}.grid,.designs{grid-template-columns:1fr 1fr}.benefits{flex-direction:column;gap:8px}nav small{display:none}}@media(max-width:370px){.grid,.designs{grid-template-columns:1fr}}.auth-card{max-width:440px;margin:26px auto 0;padding:20px;border:1px solid #565b84;border-radius:16px;background:#252840;color:#e4e6ff;display:grid;gap:12px;line-height:1.5}.auth-card small{color:#c5c8ed}.auth-card button{justify-self:center}