.form-page{--primary:var(--blue);--tint:var(--pale);--card:#fff;--canvas:#f5f7fa;--field:#cbd4df;--success:#176b47;--ok-bg:#eaf6ef;--red:#ad3340;background:var(--canvas)}.form-area{width:min(1100px,100% - 48px);margin:auto;padding:48px 0 72px}.form-area h1{margin-bottom:8px;font-size:clamp(30px,3vw,40px)}.form-area .lead{font-size:16px}.form-area .card{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:28px}.form-area .grid2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-area .stack{gap:18px;display:grid}.form-area .hidden,#kvkkDialog .hidden{display:none!important}.form-area .rule{border:0;border-top:1px solid var(--line);margin:26px 0}.form-area .full{grid-column:1/-1}.form-area .number{font-variant-numeric:tabular-nums}.form-layout{grid-template-columns:minmax(0,720px) 300px;align-items:start;gap:32px;margin-top:28px;display:grid}.form-area .side-panel{background:var(--tint);border-color:#d5e6f5;position:sticky;top:96px}.form-area .side-panel h2{font-size:17px}.form-area .side-panel p{gap:10px;font-size:14px;display:flex}.form-area .side-panel svg{width:20px;height:20px;color:var(--blue);flex:none;margin-top:2px}.form-section{margin-bottom:4px}.form-section h2{margin-bottom:16px;font-size:17px}.form-area .field{align-content:start;gap:6px;font-size:13px;display:grid;position:relative}.form-area .field>span,.form-area .field>label{font-size:13px;font-weight:500}.form-area input:not([type=checkbox]):not([type=radio]),.form-area select{border:1px solid var(--field);background:var(--card);width:100%;min-width:0;min-height:46px;font:inherit;color:inherit;border-radius:9px;padding:10px 13px;transition:border-color .2s,box-shadow .2s}.form-area input:not([type=checkbox]):not([type=radio]):focus,.form-area select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #0b4f911a}.form-area input::placeholder{color:#738196}.form-area input[type=checkbox],.form-area input[type=radio]{accent-color:var(--blue);width:18px;height:18px}.form-area input[aria-invalid=true],.form-area select[aria-invalid=true]{border-color:var(--red)}.form-area input.valid{border-color:var(--success)}.form-area .hint{color:var(--muted);font-size:12px}.form-area .error{color:var(--red);font-size:12px}.form-area .error:empty{display:none}.form-area .good{color:var(--success);font-size:12px}.form-area .choice{flex-wrap:wrap;gap:8px;display:flex}.form-area .choice label{cursor:pointer;border:1px solid var(--line);background:var(--card);border-radius:9px;min-height:44px;padding:10px 14px;font-size:13px;transition:border-color .2s,background .2s,color .2s;position:relative}.form-area .choice label:hover{border-color:#9fc2e2}.form-area .choice input{opacity:0;width:1px;height:1px;position:absolute}.form-area .choice label:has(input:checked){background:var(--tint);border-color:var(--blue);color:var(--blue);font-weight:500}.form-area .choice label:focus-within{outline:3px solid #80b7eb}.form-area .phone-row{gap:8px;display:flex}.form-area .phone-row input{flex:1;min-width:0}.form-area .code-row{grid-template-columns:180px auto 1fr;align-items:center;gap:10px;margin-top:10px;display:grid}.form-area .code-row input{letter-spacing:6px;text-align:center;font-variant-numeric:tabular-nums}.form-area button:not(.btn):not(.linklike){border:1px solid var(--line);background:var(--card);min-height:46px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.form-area button.primary:not(.btn):not(.linklike){background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 16px #0b4f911c}.form-area button.primary:not(.btn):not(.linklike):not(:disabled):hover{background:#083e73;transform:translateY(-1px)}.form-area button:disabled{opacity:.45;cursor:not-allowed}.form-area .dropdown{z-index:20;border:1px solid var(--line);background:var(--card);border-radius:10px;max-height:340px;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 12px 30px #102e4922}.form-area .option{border-bottom:1px solid var(--line);cursor:pointer;padding:11px 14px;font-size:14px;display:block}.form-area .option:last-child{color:var(--blue);border-bottom:0}.form-area .option small{color:var(--muted)}.form-area .option[aria-selected=true],.form-area .option:hover{background:var(--tint)}.form-area .consent{align-items:center;gap:8px;margin-top:22px;font-size:13px;display:flex}.form-area .linklike{min-height:0;color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.form-area .success-box{text-align:center;padding:56px 28px}.form-area .success-icon{background:var(--ok-bg);width:64px;height:64px;color:var(--success);border-radius:50%;place-items:center;margin:0 auto 22px;font-size:28px;animation:.5s ease-out both pop;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}#kvkkDialog{width:calc(100% - 32px);max-width:680px;color:var(--ink);border:0;border-radius:16px;padding:0;box-shadow:0 24px 64px #142f4e30}#kvkkDialog::backdrop{background:#0d1b2d80}#kvkkDialog .dialog-body{max-height:70vh;padding:28px;font-size:14px;overflow:auto}#kvkkDialog .dialog-body h3{margin:18px 0 6px;font-size:15px}#kvkkDialog .dialog-foot{border-top:1px solid var(--line);justify-content:flex-end;padding:16px 28px;display:flex}@media (width<=1000px){.form-layout{grid-template-columns:1fr}.form-area .side-panel{position:static}}@media (width<=650px){.form-area{width:calc(100% - 32px);padding:28px 0 48px}.form-area .grid2{grid-template-columns:1fr}.form-area .card{padding:20px}.form-area .choice label{flex:40%}.form-area .code-row{grid-template-columns:1fr auto}.form-area .code-row .hint{grid-column:1/-1}}
