:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#292b3d;font-family:Segoe UI,Roboto,system-ui,sans-serif}*{box-sizing:border-box}body{color:#fff;background:#292b3d;margin:0}#app{background:#292b3d;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.page{gap:1rem;width:100%;max-width:720px;display:grid}.navbar{background:#161b2f;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.navbar .logo{width:120px;height:32px}.navbar .badge{width:28px;height:28px;display:inline-block}.navbar span{color:#fff;letter-spacing:.01em;font-weight:700}.card{background:#1e253d;border:1px solid #2d3654;border-radius:12px;padding:1.25rem;box-shadow:0 10px 25px #00000040}h1,h2{color:#fff;margin:0 0 .5rem}.subtext{color:#fff;margin:0 0 1rem}.form{gap:.9rem;display:grid}label{color:#fff;gap:.35rem;font-size:.95rem;display:grid}input,select,button{font:inherit}input,select{color:#fff;background:#161b2f;border:1px solid #3a4568;border-radius:8px;padding:.65rem .75rem}input:focus,select:focus{border-color:#3b82f6;outline:2px solid #93c5fd}.row{grid-template-columns:1fr 140px;gap:.9rem;display:grid}button{color:#fff;cursor:pointer;background:#2a76c6;border:none;border-radius:8px;padding:.7rem 1rem;font-weight:600}button:disabled{cursor:not-allowed;opacity:.7;background:#2a76c6}.result p{margin:.35rem 0}.status{font-weight:700}.valid,.invalid{color:#fff}ul{color:#fff;margin:.8rem 0 0;padding-left:1.2rem}@media (width<=640px){.row{grid-template-columns:1fr}}