/* Ausgelagert aus: /www/htdocs/w00cecbe/test.seckenhausen-fussball.de/register.php */

.register-hero {
            background: linear-gradient(135deg, #1a0000 0%, #2d0000 50%, #111 100%);
            padding: 3rem 0 2.5rem;
            text-align: center;
            border-bottom: 3px solid #cc0000;
        }
        .register-hero h1 {
            font-family: 'Oswald', sans-serif;
            font-size: 2rem; font-weight: 700;
            color: #fff; margin: 0 0 .4rem;
            letter-spacing: 1px;
        }
        .register-hero p { color: #888; font-size: .95rem; margin: 0; }

        .register-wrap {
            max-width: 500px;
            margin: 3rem auto 4rem;
            padding: 0 1.5rem;
        }

        .register-box {
            background: #1a1a1a;
            border: 1px solid #2a2a2a;
            border-radius: 12px;
            padding: 2.5rem 2rem;
        }

        .form-group { margin-bottom: 18px; }
        .form-group label {
            display: block; font-size: .85rem;
            font-weight: 600; margin-bottom: 6px; color: #bbb;
        }
        .form-group input,
        .form-group select {
            width: 100%; padding: 10px 14px;
            background: #111; color: #eee;
            border: 1px solid #333; border-radius: 8px;
            font-size: .95rem; box-sizing: border-box;
            font-family: 'Open Sans', sans-serif;
            transition: border-color .2s, box-shadow .2s;
        }
        .form-group input:focus,
        .form-group select:focus {
            outline: none;
            border-color: #cc0000;
            box-shadow: 0 0 0 3px rgba(204,0,0,.15);
        }
        .form-group select option { background: #1a1a1a; }

        .btn-full {
            width: 100%; padding: 12px;
            background: #cc0000; color: #fff;
            border: none; border-radius: 8px;
            font-size: 1rem; font-weight: 700;
            cursor: pointer; font-family: 'Oswald', sans-serif;
            letter-spacing: .5px;
            transition: background .2s;
        }
        .btn-full:hover { background: #aa0000; }

        .flash-error {
            background: #2a0000; border: 1px solid #cc0000;
            color: #ff8080; padding: 12px 16px;
            border-radius: 8px; margin-bottom: 18px; font-size: .9rem;
        }
        .flash-success {
            background: #0a2a0a; border: 1px solid #22c55e;
            color: #86efac; padding: 12px 16px;
            border-radius: 8px; margin-bottom: 18px; font-size: .9rem;
        }
        .hint {
            text-align: center; margin-top: 20px;
            font-size: .85rem; color: #666;
        }
        .hint a { color: #cc0000; text-decoration: none; }
        .hint a:hover { text-decoration: underline; }
        .password-hint { font-size: .78rem; color: #555; margin-top: 4px; }