*{box-sizing:border-box}

        html,body{
            margin:0;
            min-height:100%;
        }

        body{
            font-family:"Inter","Segoe UI",Arial,sans-serif;
            color:#142b4d;
            background:
                radial-gradient(circle at 12% 8%,rgba(25,126,255,.14),transparent 28%),
                radial-gradient(circle at 86% 88%,rgba(12,68,150,.09),transparent 32%),
                linear-gradient(135deg,#edf4fc 0%,#f8fbff 48%,#edf3fa 100%);
        }

        .register-page{
            min-height:100vh;
            display:grid;
            place-items:center;
            padding:10px 18px;
            position:relative;
            overflow:hidden;
        }

        .register-page::before,
        .register-page::after{
            content:"";
            position:absolute;
            border-radius:50%;
            pointer-events:none;
        }

        .register-page::before{
            width:420px;
            height:420px;
            left:-160px;
            top:-190px;
            background:radial-gradient(circle,rgba(23,117,255,.11),transparent 68%);
        }

        .register-page::after{
            width:480px;
            height:480px;
            right:-210px;
            bottom:-250px;
            background:radial-gradient(circle,rgba(16,58,125,.08),transparent 70%);
        }

        .register-wrap{
            position:relative;
            z-index:2;
            width:min(100%,620px);
        }

        .register-card{
            position:relative;
            overflow:hidden;
            padding:17px 21px 15px;
            border-radius:22px;
            background:rgba(255,255,255,.96);
            border:1px solid rgba(214,225,239,.98);
            box-shadow:
                0 26px 66px rgba(24,52,94,.13),
                0 7px 20px rgba(24,52,94,.045);
            backdrop-filter:blur(16px);
        }

        .register-card::before{
            content:"";
            position:absolute;
            inset:0 0 auto 0;
            height:4px;
            background:linear-gradient(90deg,#0d54b8,#10a3ff,#145cff);
        }

        .register-top{
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:20px;
            margin-bottom:6px;
        }

        .register-brand{
            display:flex;
            align-items:center;
            gap:11px;
            min-width:0;
        }

        .register-logo{
            width:38px;
            height:38px;
            display:grid;
            place-items:center;
            flex:0 0 38px;
            color:#0d86ff;
        }

        .register-logo svg{
            width:33px;
            height:33px;
            display:block;
            stroke:currentColor;
            stroke-width:2.05;
            stroke-linecap:round;
            stroke-linejoin:round;
        }

        .register-brand-title{
            color:#15325d;
            font-size:16px;
            line-height:1.08;
            font-weight:800;
            letter-spacing:-.025em;
        }

        .register-brand-sub{
            margin-top:3px;
            color:#8190a6;
            font-size:10px;
            line-height:1.35;
        }

        .already-login{
            flex:0 0 auto;
            display:flex;
            align-items:center;
            gap:6px;
            padding-top:4px;
            color:#7d8da4;
            font-size:9px;
            white-space:nowrap;
        }

        .already-login a{
            color:#155fd9;
            font-weight:700;
            text-decoration:none;
        }

        .register-heading-row{
            display:flex;
            align-items:flex-end;
            justify-content:space-between;
            gap:18px;
            margin-bottom:9px;
        }

        .register-kicker{
            display:inline-flex;
            align-items:center;
            gap:7px;
            min-height:24px;
            padding:0 9px;
            border-radius:999px;
            background:#eef5ff;
            color:#1665e9;
            font-size:9px;
            font-weight:700;
            letter-spacing:.07em;
            text-transform:uppercase;
        }

        .register-kicker::before{
            content:"";
            width:7px;
            height:7px;
            border-radius:50%;
            background:#18a3ff;
            box-shadow:0 0 0 4px rgba(24,163,255,.11);
        }

        .register-card h1{
            margin:8px 0 5px;
            color:#122846;
            font-size:22px;
            line-height:1.08;
            font-weight:800;
            letter-spacing:-.035em;
        }

        .register-intro{
            margin:0;
            color:#74859d;
            font-size:11px;
            line-height:1.5;
        }

        .required-pill{
            flex:0 0 auto;
            min-height:29px;
            display:flex;
            align-items:center;
            padding:0 10px;
            border-radius:10px;
            background:#f7f9fc;
            color:#7a8aa0;
            font-size:8.5px;
            line-height:1;
        }

        .required-pill strong{
            color:#e33e4f;
            margin-right:4px;
        }

        .register-error{
            margin:0 0 14px;
            padding:10px 12px;
            border:1px solid #ffd2d2;
            border-radius:11px;
            background:#fff3f3;
            color:#b53232;
            font-size:10px;
            font-weight:600;
            line-height:1.45;
        }

        .form-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:8px;
        }

        .field-group{
            min-width:0;
        }

        .field-group.full{
            grid-column:1 / -1;
        }

        .field-label{
            display:block;
            margin:0 0 5px;
            color:#334b6e;
            font-size:10px;
            font-weight:700;
        }

        .required-star{
            color:#e33e4f;
        }

        .field-wrap{
            position:relative;
        }

        .field-icon{
            position:absolute;
            left:12px;
            top:50%;
            transform:translateY(-50%);
            width:16px;
            height:16px;
            color:#6680a3;
            pointer-events:none;
        }

        .field-icon svg{
            display:block;
            width:16px;
            height:16px;
            fill:none;
            stroke:currentColor;
            stroke-width:1.8;
            stroke-linecap:round;
            stroke-linejoin:round;
        }

        .field-input{
            width:100%;
            height:38px;
            border:1px solid #d7e1ee;
            border-radius:12px;
            background:#fff;
            padding:0 12px 0 39px;
            outline:none;
            color:#172e50;
            font:inherit;
            font-size:11px;
            transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
        }

        .field-input.password-input{
            padding-right:65px;
        }

        .field-input::placeholder{
            color:#9cabc0;
        }

        .field-input:focus{
            border-color:#5c91e8;
            box-shadow:0 0 0 4px rgba(41,118,237,.09);
        }

        .password-toggle{
            position:absolute;
            right:7px;
            top:50%;
            transform:translateY(-50%);
            height:29px;
            padding:0 8px;
            border:0;
            border-radius:8px;
            background:#f2f5fa;
            color:#607491;
            font-family:inherit;
            font-size:8px;
            font-weight:700;
            cursor:pointer;
        }

        .password-toggle:hover{
            background:#eaf2ff;
            color:#155fd9;
        }

        .legal-section{
            margin-top:6px;
            padding:8px 10px;
            border:1px solid #e2e9f2;
            border-radius:13px;
            background:linear-gradient(180deg,#fbfcfe 0%,#f7f9fc 100%);
        }

        .legal-title-row{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            margin-bottom:8px;
        }

        .legal-title{
            color:#294362;
            font-size:10px;
            font-weight:800;
        }

        .legal-version{
            color:#9aa7b8;
            font-size:8px;
            font-weight:600;
        }

        .legal-check{
            display:flex;
            align-items:flex-start;
            gap:8px;
            margin-top:5px;
            color:#687c98;
            font-size:8.5px;
            line-height:1.45;
            cursor:pointer;
        }

        .legal-check:first-of-type{
            margin-top:0;
        }

        .legal-check input{
            width:14px;
            height:14px;
            flex:0 0 14px;
            margin:1px 0 0;
            accent-color:#146af2;
        }

        .legal-check a{
            color:#155fd9;
            font-weight:700;
            text-decoration:none;
        }

        .register-btn{
            width:100%;
            height:38px;
            margin-top:5px;
            border:0;
            border-radius:12px;
            background:linear-gradient(135deg,#11a2ff 0%,#126ef7 50%,#1557ef 100%);
            color:#fff;
            font-family:inherit;
            font-size:12px;
            font-weight:800;
            cursor:pointer;
            box-shadow:0 11px 22px rgba(18,101,236,.20);
            transition:transform .16s ease,box-shadow .16s ease;
        }

        .register-btn:hover{
            transform:translateY(-1px);
            box-shadow:0 14px 26px rgba(18,101,236,.25);
        }

        .register-footer{
            display:flex;
            align-items:center;
            justify-content:center;
            gap:7px;
            margin-top:8px;
            color:#8391a5;
            font-size:9px;
        }

        .register-footer a{
            color:#155fd9;
            font-size:9px;
            font-weight:700;
            text-decoration:none;
        }

        .register-security{
            display:flex;
            align-items:center;
            justify-content:center;
            gap:5px;
            margin-top:5px;
            color:#99a5b5;
            font-size:8px;
        }

        .register-security svg{
            width:11px;
            height:11px;
            fill:none;
            stroke:#7188a7;
            stroke-width:1.8;
            stroke-linecap:round;
            stroke-linejoin:round;
        }


        /* 768px civarı masaüstü yüksekliklerinde butonun ekranda kalması */
        @media(min-width:701px) and (max-height:820px){
            .register-page{
                place-items:start center;
                padding-top:8px;
                padding-bottom:8px;
                overflow-y:auto;
            }

            .register-card{
                padding-top:15px;
                padding-bottom:13px;
            }

            .register-top{
                margin-bottom:6px;
            }

            .register-heading-row{
                margin-bottom:7px;
            }

            .register-brand-sub,
            .register-intro{
                line-height:1.3;
            }

            .field-label{
                margin-bottom:4px;
            }

            .form-grid{
                gap:7px 8px;
            }

            .field-input{
                height:37px;
            }

            .legal-section{
                margin-top:7px;
                padding:7px 9px;
            }

            .legal-check{
                margin-top:4px;
                line-height:1.35;
            }

            .register-btn{
                height:39px;
                margin-top:7px;
            }

            .recaptcha-branding{
                margin-top:5px;
                line-height:1.25;
            }

            .register-footer{
                margin-top:6px;
            }

            .register-security{
                margin-top:4px;
            }
        }

        @media(max-width:700px){
            .register-wrap{
                width:min(100%,520px);
            }

            .already-login{
                display:none;
            }

            .register-heading-row{
                align-items:flex-start;
                flex-direction:column;
                gap:8px;
            }

            .required-pill{
                display:none;
            }
        }

        @media(max-width:560px){
            .register-page{
                padding:14px 10px;
            }

            .register-card{
                padding:21px 18px 19px;
                border-radius:21px;
            }

            .form-grid{
                grid-template-columns:1fr;
            }

            .field-group.full{
                grid-column:auto;
            }

            .register-card h1{
                font-size:23px;
            }
        }

        /* reCAPTCHA alt bilgilendirme - premium küçük yazı */
        .recaptcha-branding{
            margin-top:6px !important;
            padding:0 4px !important;
            color:#8797ad !important;
            font-size:8px !important;
            line-height:1.4 !important;
            font-weight:400 !important;
            text-align:center !important;
        }

        .recaptcha-branding a{
            color:#617895 !important;
            font-size:8px !important;
            font-weight:600 !important;
            text-decoration:none !important;
        }

        .recaptcha-branding a:hover{
            color:#155fd9 !important;
            text-decoration:underline !important;
        }