:root{--bg-color:#12141d;--card-bg:#1a1d29;--input-bg:#212635;--input-border:#2e3547;--text-primary:#fff;--text-secondary:#a3a9b8;--cyan-primary:#00f0ff;--cyan-glow:#00f0ff66;--error-color:#ff4757}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,sans-serif;display:flex}#app{width:100%;max-width:500px}.card-container{background-color:var(--card-bg);box-shadow:0 0 20px 2px var(--cyan-glow), inset 0 0 0 1px #ffffff0d;border-radius:16px;padding:40px 30px;position:relative;overflow:hidden}.card-container:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan-primary), transparent);height:2px;position:absolute;top:0;left:0;right:0}.glow-text{text-align:center;color:var(--cyan-primary);text-shadow:0 0 10px var(--cyan-glow);letter-spacing:-.5px;margin-bottom:12px;font-size:1.5rem;font-weight:700}.logo-container{justify-content:center;margin-bottom:20px;display:flex}.main-logo{max-width:100px;height:auto;box-shadow:0 0 15px var(--cyan-glow);border:2px solid var(--cyan-primary);border-radius:50%}.subtitle{color:var(--text-secondary);text-align:center;margin-bottom:30px;font-size:.85rem;line-height:1.5}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-group label{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.form-group input,.form-group select{background-color:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:var(--cyan-primary);box-shadow:0 0 0 3px #00f0ff26}.form-group input::placeholder{color:#636b80}.select-wrapper{position:relative}.select-wrapper:after{content:"▼";color:var(--text-secondary);pointer-events:none;font-size:.7rem;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.form-group select{appearance:none;cursor:pointer}.submit-btn{background-color:var(--cyan-primary);color:#0b0f19;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;margin-top:10px;margin-bottom:30px;padding:16px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.submit-btn:hover{background-color:#33f3ff;transform:translateY(-2px);box-shadow:0 8px 20px #00f0ff4d}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}footer{text-align:center;color:var(--text-secondary);font-size:.75rem;line-height:1.6}.hidden{display:none!important}.success-subtitle{color:#e2e8f0;font-size:.95rem;line-height:1.6}.code-container{border:2px dashed var(--cyan-primary);text-align:center;background-color:#0b0f19;border-radius:12px;margin:20px 0 25px;padding:25px 20px;position:relative}#random-code{color:var(--cyan-primary);letter-spacing:2px;-webkit-user-select:all;user-select:all;text-shadow:0 0 15px #00f0ff80;font-size:2.2rem;font-weight:800}.copy-instruction{text-align:center;color:var(--text-primary);margin-bottom:15px;font-size:.95rem;font-weight:600}.success-btn{color:#fff;background-color:#25d366;margin-bottom:30px}.success-btn:hover{background-color:#128c7e;box-shadow:0 8px 20px #25d3664d}.input-error{border-color:var(--error-color)!important;box-shadow:0 0 0 2px #ff475733!important}.error-message{color:var(--error-color);margin-top:6px;font-size:.75rem;font-weight:500}@media (width<=480px){.card-container{padding:30px 20px}#random-code{font-size:1.8rem}}