/* Custom Palette */
        :root {
            --bg-dark-blue: #001f3f;
            --bg-teal: #005f6b;
            --accent-cyan: #00f2c3;
            --input-bg: #ffffff;
        }

        body,
        html {
            margin: 0;
            padding: 0;
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            height: 100%;
            background-color: transparent;
        }

        /* Background with diagonal stripes effect */
        .registration-wrapper {
            min-height: 100vh;
            padding: 50px 0;
            background-color: var(--bg-dark-blue);
            background-image: var(--bg-teal);
            background-size: 400px 400px;
        }

        /* Adjust size for stripe width */
        .form-container {
            color: white;
        }

        /* Typography */
        .logo-text {
            font-weight: 900;
            letter-spacing: 5px;
            margin-bottom: 0;
            font-size: 1.2rem;
        }

        .sub-logo {
            font-size: 1rem;
            font-weight: bold;
            letter-spacing: 1px;
        }

        .form-title {
            font-size: 1.5rem;
            border-bottom: 3px solid var(--accent-cyan);
            display: inline-block;
            padding-bottom: 5px;
            margin-bottom: 30px;
        }

        .form-label {
            font-size: 1.7rem;
            font-weight: 500;
        }

        /* Input Styling */
        .form-control {
            border-radius: 4px;
            padding: 10px 15px;
            border: none;
        }

        .form-control::placeholder {
            color: #ccc;
            font-size: 0.85rem;
        }

        /* Privacy Text */
        .privacy-text {
            font-size: 0.75rem;
            line-height: 1.4;
            color: #e0e0e0;
        }

        .privacy-text a {
            color: #fff;
            text-decoration: underline;
        }

        /* Button Styling */
        .btn-register {
            background-color: var(--accent-cyan);
            color: var(--bg-dark-blue);
            font-weight: bold;
            border: none;
            padding: 12px;
            border-radius: 5px;
            transition: transform 0.2s ease;
        }

        .btn-register:hover {
            background-color: #00d9ae;
            transform: translateY(-2px);
        }

        /* Checkbox alignment */
        .form-check-input {
            background-color: transparent;
            border: 1px solid white;
        }

        .form-select,
        .form-control,
        .btn {
            font-size: 1.8rem;
        }

        .form-check-input {
            width: 1.5em;
            height: 1.5em;
        }