:root {

            --fabi-blue: #0072bc;

            --fabi-light-blue: #00aeef;

            --text-dark: #333;

            --bg-light: #f4f7f9;

        }



        body {

            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

            background-color: var(--bg-light);

            color: var(--text-dark);

           justify-content: center;

            padding: 40px 20px;

        }



        .form-container {

            background: white;

            max-width: 800px;

            width: 100%;

            padding: 40px;

            border-radius: 12px;

            box-shadow: 0 10px 25px rgba(0,0,0,0.1);

        }



        .header {

            text-align: center;

            margin-bottom: 40px;

        }



        .header img {

            max-width: 250px;

            margin-bottom: 10px;

        }



        h1 {

            color: var(--fabi-blue);

            font-size: 1.8rem;

            margin-bottom: 10px;

        }



        .intro-text {

            font-size: 0.95rem;

            line-height: 1.6;

            color: #666;

            margin-bottom: 30px;

        }



        .form-grid {

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 20px;

        }



        .form-group {

            display: flex;

            flex-direction: column;

        }



        .form-group.full-width {

            grid-column: span 2;

        }



        label {

            font-weight: 600;

            margin-bottom: 8px;

            font-size: 0.9rem;

        }



        input, textarea, select {

            padding: 12px;

            border: 1px solid #ddd;

            border-radius: 6px;

            font-size: 1rem;

            transition: border-color 0.3s, box-shadow 0.3s;

        }



        input:focus, textarea:focus {

            outline: none;

            border-color: var(--fabi-light-blue);

            box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.1);

        }



        .privacy-area {

            margin-top: 20px;

            display: flex;

            align-items: flex-start;

            gap: 10px;

            font-size: 0.9rem;

        }



        .btn-submit {

            margin-top: 30px;

            width: 30%;

            padding: 15px;

            background-color: var(--fabi-blue);

            color: white;

            border: none;

            border-radius: 6px;

            font-size: 1.1rem;

            font-weight: bold;

            cursor: pointer;

            transition: background 0.3s;

        }



        .btn-submit:hover {

            background-color: #005a96;

        }



        /* Responsive */

        @media (max-width: 600px) {

            .form-grid {

                grid-template-columns: 1fr;

            }

            .form-group.full-width {

                grid-column: span 1;

            }

        }