@import url('https://fonts.googleapis.com/css2?family=Orbitron&family=Electrolize&display=swap');
        *, *:before, *:after { box-sizing: border-box; }
        body {
            background-color: #0d0d0d;
            font-family: 'Orbitron', sans-serif;
            color: #00ffea;
            text-align: center;
            margin: 0;
            padding: 0;
        }
        .container {
            max-width: 400px;
            margin: 50px auto;
            padding: 20px;
            border: 2px solid #00ffea;
            border-radius: 10px;
            box-shadow: 0px 0px 15px rgba(0, 255, 234, 0.7);
            background: rgba(20, 20, 20, 0.9);
        }
        h1 {
            color: #00ffea;
            text-shadow: 0px 0px 8px #00ffea;
        }
        input[type="text"], input[type="email"], input[type="password"] {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            background: #000;
            border: 1px solid #00ffea;
            color: #00ffea;
            font-size: 16px;
            text-align: center;
            font-family: 'Electrolize', sans-serif;
        }
        input:focus {
            outline: none;
            box-shadow: 0px 0px 10px #00ffea;
        }
        .submit-btn {
            background: linear-gradient(90deg, #00ffea, #0066ff);
            border: none;
            padding: 12px 20px;
            font-size: 16px;
            color: black;
            font-weight: bold;
            cursor: pointer;
            transition: 0.3s;
            width: 100%;
            text-transform: uppercase;
            box-shadow: 0px 0px 10px #00ffea;
        }
        .submit-btn:hover {
            box-shadow: 0px 0px 20px #00ffea;
            transform: scale(1.05);
        }
        .submit-btn.blink {
            animation: blinkEffect 150ms ease-in-out 0s 1;
        }
        @keyframes blinkEffect {
            0% { box-shadow: 0px 0px 10px #00ffea; }
            50% { box-shadow: 0px 0px 25px #00ffea; }
            100% { box-shadow: 0px 0px 10px #00ffea; }
        }
        .message {
            font-size: 14px;
            margin-top: 15px;
            display: none;
        }
        .success { color: lime; }
        .error { color: red; }
        .terms { margin: 10px 0; font-size: 14px; }
        label:not(.terms) { display:block; margin-top:9px; color:#7ebdb8; font-size:12px; text-align:left; }
        .terms { display:flex; align-items:flex-start; gap:8px; text-align:left; line-height:1.4; }
        .terms input { margin-top:3px; }
        .terms a, .login-link a { color:#00ffea; }
        .intro, .field-note, .login-link { color:#75a7a2; font-family:'Electrolize',sans-serif; line-height:1.4; }
        .intro { margin-top:-5px; font-size:14px; }
        .field-note { margin:-4px 0 8px; font-size:11px; text-align:left; }
        .login-link { margin:20px 0 0; font-size:13px; }
        .kicker { margin:0; color:#ff4b9e; font-size:10px; letter-spacing:.18em; }
        .submit-btn:disabled { cursor:default; opacity:.5; transform:none; }
        .loading {
            color: orange;
            font-size: 14px;
            margin-top: 15px;
            animation: pulse 1s infinite;
        }
        @keyframes pulse {
            0% { text-shadow: 0 0 5px orange; }
            50% { text-shadow: 0 0 15px orange; }
            100% { text-shadow: 0 0 5px orange; }
        }
        .captcha-container { min-height:78px; margin:15px 0 4px; display:flex; justify-content:center; }
        .captcha-status { min-height:18px; margin:4px 0 12px; color:#75a7a2; font-family:'Electrolize',sans-serif; font-size:12px; line-height:1.35; }
        .captcha-status[data-state="verified"] { color:#00ff7b; }
        .captcha-status[data-state="error"] { color:#ff5353; }
        #user-id-message { margin-top: 10px; font-size: 14px; color: #00ffea; display: none; }
        @media (max-width:430px) {
            body { padding:12px; }
            .container { margin:12px auto; padding:16px; }
            #captchaContainer { min-height:68px; overflow:hidden; justify-content:flex-start; }
            #captchaContainer > div { transform:scale(.86); transform-origin:left top; margin-bottom:-10px; }
        }
