:root{--bg: #0b0d10;--surface: #14171c;--surface-2: #1b1f26;--border: rgba(255, 255, 255, .09);--ink: #f5f6f7;--muted: #9aa3ad;--accent: #4f8dfd;--accent-ink: #0b0d10;--amber: #ffb020;--green: #3ecf8e;--red: #ff5c5c;--radius: 14px;--display: "Bebas Neue", sans-serif;--body: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.55}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.logo{font-family:var(--display);font-size:28px;letter-spacing:1.5px;color:var(--ink);text-decoration:none}.logo .check{color:var(--accent)}.nav-pill{font-size:13px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 14px}.nav-pill .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.4}}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:72px 0 88px}.hero h1{font-family:var(--display);font-size:clamp(52px,7vw,84px);line-height:.98;letter-spacing:1px;font-weight:400}.hero h1 .hl{color:var(--accent)}.hero .sub{margin-top:20px;font-size:18px;color:var(--muted);max-width:480px}.hero .sub strong{color:var(--ink);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 24px 60px #00000073}.card h2{font-family:var(--display);font-size:26px;letter-spacing:1px;font-weight:400;margin-bottom:4px}.card .hint{font-size:14px;color:var(--muted);margin-bottom:20px}.roles{display:flex;gap:8px;margin-bottom:18px}.role-btn{flex:1;padding:10px 0;border-radius:10px;cursor:pointer;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);font-family:var(--body);font-size:14px;font-weight:600;transition:all .15s ease}.role-btn.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.input-row{display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:0 14px;transition:border-color .15s ease}.input-row:focus-within{border-color:var(--accent)}.input-row .at{color:var(--muted);font-weight:600;margin-right:2px}.input-row input{flex:1;background:none;border:none;outline:none;color:var(--ink);font-family:var(--body);font-size:16px;padding:13px 0}.input-row input::placeholder{color:#5b636d}.avail{font-size:13px;margin-top:6px;min-height:18px}.avail.ok{color:var(--green)}.avail.bad{color:var(--red)}.avail.checking{color:var(--muted)}.submit{width:100%;margin-top:8px;padding:15px 0;background:var(--accent);color:var(--accent-ink);border:none;border-radius:10px;cursor:pointer;font-family:var(--body);font-size:16px;font-weight:700;transition:transform .1s ease,opacity .15s ease}.submit:hover{transform:translateY(-1px)}.submit:disabled{opacity:.45;cursor:not-allowed;transform:none}.form-error{color:var(--red);font-size:14px;margin-top:10px}.fine{font-size:12px;color:var(--muted);margin-top:14px;text-align:center}.success{text-align:center;padding:24px 8px}.success .badge{width:64px;height:64px;border-radius:50%;background:#3ecf8e1f;color:var(--green);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 16px}.success .handle{font-family:var(--display);font-size:34px;letter-spacing:1px;color:var(--accent);margin:6px 0 10px}.success p{color:var(--muted);font-size:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 0 72px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px;text-align:center}.stat .num{font-family:var(--display);font-size:38px;letter-spacing:1px;color:var(--amber)}.stat .lbl{font-size:13px;color:var(--muted);margin-top:2px}.props{padding:0 0 88px}.props h3{font-family:var(--display);font-size:40px;letter-spacing:1px;font-weight:400;text-align:center;margin-bottom:40px}.props h3 .hl{color:var(--accent)}.prop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.prop{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px}.prop .icon{font-size:26px;margin-bottom:14px}.prop h4{font-size:17px;font-weight:700;margin-bottom:8px}.prop p{font-size:14.5px;color:var(--muted)}.footer{border-top:1px solid var(--border);padding:28px 0 40px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}@media (max-width: 860px){.hero{grid-template-columns:1fr;gap:40px;padding:40px 0 56px}.stats{grid-template-columns:repeat(2,1fr)}.prop-grid{grid-template-columns:1fr}}.input-row select{width:100%;padding:12px 14px;border:0;background:transparent;color:var(--text, #EDF0F7);font:inherit;font-size:15px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238B94AB' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.input-row select option{background:#141926;color:#edf0f7}label .opt{color:#8b94ab;font-weight:400}