*{box-sizing:border-box}:root{--navy:#102e4b;--navy2:#173c5b;--green:#0e8f6f;--green2:#3fc29e;--paper:#f5f7fa;--line:#dce5e9;--text:#536874;--muted:#8b9aa3;--red:#b4453b}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;color:var(--text);background:#fff}button,input,select,textarea{font:inherit}.page{min-height:100vh;display:grid;grid-template-columns:minmax(390px,40%) 1fr}.brand-panel{min-height:100vh;position:relative;background:linear-gradient(145deg,#0b2741 0%,#123955 68%,#0d304b 100%);color:#fff;padding:48px 9%;overflow:hidden}.gridfx{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom right,transparent 20%,#000,transparent 82%)}.glow{position:absolute;border-radius:50%;filter:blur(90px)}.g1{width:380px;height:380px;background:#0e8f6f2e;right:-200px;top:28%}.g2{width:260px;height:260px;background:#4b83aa18;left:-150px;bottom:10%}.logo{position:relative;z-index:2;font-size:22px;font-weight:900;letter-spacing:-1.2px;text-decoration:none}.logo span{color:#fff}.logo b,.mobile-logo b{color:#43c7a2}.brand-copy{position:absolute;z-index:2;left:9%;right:9%;top:47%;transform:translateY(-50%)}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#9ddac9;font-weight:700}.eyebrow i{display:inline-block;width:6px;height:6px;background:#37d0a5;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #37d0a516}.brand-copy h1{font-size:45px;line-height:1.03;letter-spacing:-2.3px;margin:18px 0}.brand-copy h1 em{font-style:normal;color:#41c29e}.brand-copy>p{max-width:480px;color:#b7c8d2;font-size:11px;line-height:1.75;margin:0}.side-stepper{margin-top:32px;max-width:360px}.side-step{display:flex;align-items:center;gap:12px;color:#718b9b;transition:.25s}.side-step>span{width:30px;height:30px;border:1px solid #ffffff1e;border-radius:50%;display:grid;place-items:center;font-size:7px}.side-step>span i{display:none;font-style:normal}.side-step strong,.side-step small{display:block}.side-step strong{font-size:9px;color:#9aafbc}.side-step small{font-size:7px;margin-top:2px}.side-step.active>span{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 0 0 5px #0e8f6f14}.side-step.active strong{color:#fff}.side-step.completed>span b{display:none}.side-step.completed>span i{display:block}.side-step.completed>span{background:#ffffff12;color:#67cfb1;border-color:#67cfb144}.side-line{height:17px;margin-left:15px;border-left:1px dashed #ffffff1e}.side-line i{display:block;height:0;border-left:1px solid #54c7a6;transition:.3s}.brand-footer{position:absolute;z-index:3;left:9%;bottom:28px}.social-title{font-size:7px;color:#718b9b;letter-spacing:.6px;margin-bottom:7px}.socials{display:flex;gap:6px}.socials a{width:27px;height:27px;border:1px solid #ffffff1a;border-radius:7px;display:grid;place-items:center;color:#9db1be;background:#ffffff04;transition:.2s}.socials svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7}.socials a:hover{color:#46c7a3;border-color:#46c7a34d;background:#46c7a30b;transform:translateY(-2px)}.legal-line{width:185px;height:1px;background:#ffffff12;margin:10px 0 8px}.brand-footer>small{font-size:6px;color:#708897}.brand-footer>p{font-size:6px;color:#708897;margin:3px 0}.brand-footer b{font-weight:600;color:#91a5b1}.form-panel{min-height:100vh;display:grid;place-items:center;padding:45px 7%;background:linear-gradient(180deg,#fff,#fbfcfd)}.form-shell{width:min(620px,100%)}.mobile-head{display:none}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.topbar span{font-size:7px}.secure{color:var(--green);font-weight:700}.secure i{font-style:normal;display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#e8f6f1;margin-right:5px}.time{color:#9aa7ae}.form-head .step-label{font-size:7px;color:var(--green);font-weight:700;letter-spacing:1.4px}.form-head h2{font-size:29px;letter-spacing:-1px;color:var(--navy);margin:8px 0}.form-head p{font-size:9px;color:var(--muted);margin:0}.progress{height:3px;background:#edf1f3;margin:22px 0 27px;border-radius:4px;overflow:hidden}.progress i{display:block;width:33.333%;height:100%;background:linear-gradient(90deg,var(--green),#4ac5a2);border-radius:4px;transition:.35s}.step{display:none}.step.active{display:block;animation:enter .3s ease}@keyframes enter{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 13px}.fields label,.note{font-size:7px;font-weight:700;color:var(--navy)}.fields .wide{grid-column:1/-1}.fields em{font-style:normal;color:var(--green)}.input{height:43px;margin-top:6px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 12px;background:#fff;transition:.18s}.input:focus-within{border-color:#7abdaa;box-shadow:0 0 0 3px #0e8f6f0b}.input svg{width:14px;height:14px;fill:none;stroke:#9aa8b0;stroke-width:1.6;margin-right:9px}.input input{height:100%;padding:0;border:0;outline:0;width:100%;color:var(--navy);font-size:10px}.phone span{font-size:9px;color:var(--navy);font-weight:700;padding-right:9px;margin-right:9px;border-right:1px solid var(--line)}select,textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--navy);background:#fff;outline:0;font-size:10px}select{height:43px}select:focus,textarea:focus{border-color:#7abdaa;box-shadow:0 0 0 3px #0e8f6f0b}.input.invalid,select.invalid{border-color:#d69a94;background:#fffafa}.error{display:none!important;color:var(--red)!important;font-size:6px!important;margin-top:4px!important;font-weight:400!important}.input.invalid~.error,select.invalid~.error{display:block!important}.primary,.secondary{height:42px;border-radius:8px;padding:0 17px;font-size:8px;font-weight:700;cursor:pointer;transition:.18s}.primary{border:1px solid var(--green);background:var(--green);color:#fff;box-shadow:0 7px 18px #0e8f6f12}.primary:hover{background:#0b7d61;transform:translateY(-1px)}.primary b{margin-left:18px}.full{width:100%;margin-top:23px}.secondary{border:1px solid var(--line);background:#fff;color:var(--navy)}.secondary:hover{border-color:#aebdc5;background:#fafbfc}.actions{display:flex;justify-content:space-between;margin-top:23px}.question{font-size:8px;font-weight:700;color:var(--navy);margin:0 0 10px}.question span{font-weight:400;color:var(--muted);margin-left:4px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choices input{display:none}.choices span{height:58px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:10px;gap:8px;cursor:pointer;transition:.18s}.choices i{font-style:normal;color:#8497a3;width:23px;height:23px;border-radius:6px;background:#f2f5f6;display:grid;place-items:center}.choices b{font-size:7px;color:var(--navy)}.choices input:checked+span{border-color:#78bda9;background:#f1faf7;box-shadow:inset 0 0 0 1px #78bda91c}.choices input:checked+span i{background:#ddf2eb;color:var(--green)}.choices input:checked+span b{color:var(--green)}.note{display:block;margin-top:17px}.note>span{float:right;font-weight:400;color:#9aa7ae}.note textarea{height:73px;resize:none;padding:10px 12px;line-height:1.5}.consent{position:relative;display:flex;gap:9px;margin-top:15px;font-size:6.5px;line-height:1.55;color:#71838e;cursor:pointer}.consent>input{position:absolute;opacity:0}.consent>i{flex:0 0 16px;height:16px;border:1px solid #cfdade;border-radius:4px;background:#fff;position:relative}.consent>input:checked+i{background:var(--green);border-color:var(--green)}.consent>input:checked+i:after{content:"✓";position:absolute;color:#fff;font-style:normal;font-size:9px;left:3px;top:0}.consent button{border:0;background:none;padding:0;color:var(--green);font-size:inherit;font-weight:700;cursor:pointer}.consent-error{display:none;color:var(--red);font-size:6px;margin:4px 0 0 25px}.success{display:none;text-align:center;animation:enter .35s ease;padding:5px 0}.success.active{display:block}.success-icon{width:61px;height:61px;border-radius:50%;background:#e8f6f1;display:grid;place-items:center;margin:0 auto 15px;box-shadow:0 0 0 8px #e8f6f15c}.success-icon i{font-style:normal;color:var(--green);font-size:22px}.success-label{font-size:7px;letter-spacing:1.4px;color:var(--green);font-weight:700}.success h2{font-size:27px;color:var(--navy);letter-spacing:-.7px;margin:7px 0}.success>p{font-size:9px;margin:0;color:#7b8c96}.reference{display:inline-flex;align-items:center;gap:10px;margin:17px auto;background:#f6f8f9;border:1px solid var(--line);border-radius:8px;padding:8px 9px 8px 13px}.reference span{font-size:6px;color:#8c9ba4}.reference b{font-size:9px;color:var(--navy)}.reference button{border:0;background:#fff;border-radius:5px;width:25px;height:25px;color:var(--green);cursor:pointer}.after-flow{max-width:510px;margin:4px auto 22px;padding:14px;border:1px solid #e5ebee;border-radius:9px;display:flex;align-items:center;text-align:left}.after-flow>div{display:flex;align-items:center;gap:7px;flex:1}.after-flow>div>i{width:24px;height:24px;border:1px solid #d8e1e5;border-radius:50%;display:grid;place-items:center;font-size:7px;font-style:normal;color:#91a0a9}.after-flow .done>i{background:var(--green);border-color:var(--green);color:#fff}.after-flow b,.after-flow small{display:block}.after-flow b{font-size:6.5px;color:var(--navy)}.after-flow small{font-size:5.5px;color:#9aa7ae;margin-top:2px}.after-flow>em{width:22px;height:1px;background:#dfe6e9;margin:0 4px}.new{margin:auto}.privacy{border-top:1px solid #edf1f3;margin-top:28px;padding-top:13px;display:flex;align-items:center;justify-content:center;gap:6px;color:#9aa7ae;font-size:6px}.privacy svg{width:11px;height:11px;fill:none;stroke:#9aa7ae;stroke-width:1.5}.backdrop{position:fixed;inset:0;background:#071d2dbd;backdrop-filter:blur(4px);z-index:20;opacity:0;pointer-events:none;transition:.2s}.backdrop.active{opacity:1;pointer-events:auto}.modal{position:fixed;z-index:21;left:50%;top:50%;width:min(520px,90vw);background:#fff;border-radius:13px;padding:27px;opacity:0;pointer-events:none;transform:translate(-50%,-46%);transition:.2s}.modal.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.modal-x{position:absolute;right:14px;top:14px;border:0;background:#eef2f4;width:29px;height:29px;border-radius:7px;font-size:16px}.modal>span{font-size:7px;color:var(--green);font-weight:700;letter-spacing:1.2px}.modal h3{font-size:20px;color:var(--navy);margin:7px 0}.modal p{font-size:8px;line-height:1.7}.modal-note{font-size:7px;background:#fff8ec;border:1px solid #f0dfbf;color:#9b6d25;padding:9px;border-radius:7px;margin:12px 0}.modal .primary{height:37px}#toast{position:fixed;right:18px;bottom:18px;z-index:30;background:var(--navy);color:#fff;padding:11px 15px;border-radius:8px;font-size:7px;opacity:0;transform:translateY(8px);transition:.2s;box-shadow:0 12px 30px #0a22354a}#toast.show{opacity:1;transform:none}@media(max-height:760px) and (min-width:901px){.brand-copy{top:44%}.brand-copy h1{font-size:37px}.side-stepper{margin-top:22px}.brand-footer{bottom:17px}.form-panel{padding-top:25px;padding-bottom:25px}.topbar{margin-bottom:18px}.form-head h2{font-size:25px}.progress{margin:17px 0 21px}}@media(max-width:900px){.page{grid-template-columns:1fr}.brand-panel{display:none}.form-panel{padding:35px 8%;min-height:100vh}.mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.mobile-logo{font-size:20px;font-weight:900;letter-spacing:-1px}.mobile-logo span{color:var(--navy)}.mobile-head>small{font-size:7px;color:var(--green);letter-spacing:1px;font-weight:700}}@media(max-width:560px){.form-panel{padding:27px 21px}.mobile-head{margin-bottom:30px}.topbar{margin-bottom:23px}.form-head h2{font-size:25px}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.choices{grid-template-columns:1fr 1fr}.choices span{height:54px}.actions{gap:8px}.actions button{flex:1}.after-flow{padding:11px 8px}.after-flow small{display:none}.after-flow>em{width:10px}.reference{display:flex;width:max-content}.privacy{text-align:center}}

/* V33 — Premium Motion System */
:root{--ease-premium:cubic-bezier(.22,1,.36,1)}
body{overflow-x:hidden}
.logo{animation:brandIn .8s var(--ease-premium) both}
.brand-copy .eyebrow{animation:riseIn .7s .12s var(--ease-premium) both}
.brand-copy h1{animation:riseIn .8s .2s var(--ease-premium) both}
.brand-copy>p{animation:riseIn .8s .29s var(--ease-premium) both}
.side-stepper{animation:riseIn .8s .38s var(--ease-premium) both}
.brand-footer{animation:fadeIn 1s .5s both}
.form-shell{animation:formEnter .8s .16s var(--ease-premium) both}

.gridfx{animation:gridDrift 22s linear infinite}
.g1{animation:orbOne 12s ease-in-out infinite alternate}
.g2{animation:orbTwo 15s ease-in-out infinite alternate}
.brand-panel:after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 44%,#ffffff08 49%,#ffffff03 51%,transparent 56%);transform:translateX(-45%);animation:ambientSweep 11s ease-in-out infinite;pointer-events:none}

.eyebrow i{animation:statusPulse 2.4s ease-out infinite}
.side-step>span{transition:all .45s var(--ease-premium)}
.side-step.active>span{animation:stepPulse 2.8s ease-in-out infinite}
.side-step.completed>span{animation:completePop .45s var(--ease-premium)}
.side-line i{transition:height .55s var(--ease-premium)}
.side-step.completed + .side-line i{height:100%}

.socials a{position:relative;overflow:hidden}
.socials a:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,#ffffff18,transparent);transform:translateX(-130%);transition:.55s var(--ease-premium)}
.socials a:hover:after{transform:translateX(130%)}

.progress{position:relative;overflow:visible}
.progress i{position:relative;transition:width .65s var(--ease-premium)}
.progress i:after{content:"";position:absolute;right:-2px;top:50%;width:7px;height:7px;border-radius:50%;background:#fff;border:2px solid var(--green);transform:translateY(-50%);box-shadow:0 0 0 4px #0e8f6f10;transition:.3s}
.progress i:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff80,transparent);transform:translateX(-120%);animation:progressShine 3.2s ease-in-out infinite}

.step.active{animation:stepEnter .48s var(--ease-premium)}
.step.leaving{display:block;position:absolute;opacity:0;transform:translateX(-18px);transition:.25s}

.input,select,textarea{transition:border-color .22s,box-shadow .22s,transform .22s var(--ease-premium),background .22s}
.input:focus-within,select:focus,textarea:focus{transform:translateY(-1px)}
.input svg{transition:stroke .2s,transform .25s var(--ease-premium)}
.input:focus-within svg{stroke:var(--green);transform:scale(1.08)}
.input.invalid,select.invalid{animation:fieldShake .34s ease}

.primary{position:relative;overflow:hidden;isolation:isolate}
.primary:after{content:"";position:absolute;top:-60%;left:-30%;width:28%;height:220%;background:#ffffff24;transform:rotate(18deg) translateX(-180%);transition:.65s var(--ease-premium);z-index:-1}
.primary:hover:after{transform:rotate(18deg) translateX(620%)}
.primary:active,.secondary:active{transform:scale(.985)}
.primary b{display:inline-block;transition:transform .25s var(--ease-premium)}
.primary:hover b{transform:translateX(3px)}
.submit.loading{pointer-events:none;opacity:.88}
.submit.loading span{opacity:.55}
.submit.loading b{font-size:0;width:13px;height:13px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}

.choices span{transition:all .28s var(--ease-premium)}
.choices span:hover{transform:translateY(-2px);border-color:#b9d5cc;box-shadow:0 7px 18px #14304d0a}
.choices input:checked+span{animation:choicePop .32s var(--ease-premium)}
.choices input:checked+span i{animation:iconPop .4s var(--ease-premium)}

.success.active .success-icon{animation:successPop .7s var(--ease-premium) both}
.success.active .success-icon:after{content:"";position:absolute;width:61px;height:61px;border:1px solid #49bf9e;border-radius:50%;animation:successRing 1.4s .3s ease-out both}
.success-icon{position:relative}
.success.active .success-label{animation:riseIn .55s .15s var(--ease-premium) both}
.success.active h2{animation:riseIn .55s .22s var(--ease-premium) both}
.success.active>p{animation:riseIn .55s .29s var(--ease-premium) both}
.success.active .reference{animation:riseIn .55s .36s var(--ease-premium) both}
.success.active .after-flow{animation:riseIn .55s .43s var(--ease-premium) both}
.success.active .new{animation:riseIn .55s .5s var(--ease-premium) both}
.after-flow .done>i{animation:completePulse 2.4s ease-in-out infinite}
.reference button{transition:.2s var(--ease-premium)}
.reference button:hover{transform:scale(1.08);background:#e9f6f2}

.modal.active{animation:modalSpring .38s var(--ease-premium)}
.backdrop.active{animation:fadeIn .25s both}
#toast.show{animation:toastIn .35s var(--ease-premium) both}

@keyframes brandIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes riseIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes formEnter{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}
@keyframes gridDrift{to{background-position:52px 52px}}
@keyframes orbOne{from{transform:translate(0,0) scale(1)}to{transform:translate(-45px,35px) scale(1.15)}}
@keyframes orbTwo{from{transform:translate(0,0)}to{transform:translate(55px,-30px) scale(1.12)}}
@keyframes ambientSweep{0%,65%{transform:translateX(-45%)}85%,100%{transform:translateX(45%)}}
@keyframes statusPulse{0%{box-shadow:0 0 0 0 #37d0a540}70%{box-shadow:0 0 0 8px #37d0a500}100%{box-shadow:0 0 0 0 #37d0a500}}
@keyframes stepPulse{50%{box-shadow:0 0 0 8px #0e8f6f08}}
@keyframes completePop{0%{transform:scale(.82)}70%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes progressShine{0%,60%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}
@keyframes stepEnter{from{opacity:0;transform:translateX(18px) scale(.995)}to{opacity:1;transform:none}}
@keyframes fieldShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}
@keyframes choicePop{0%{transform:scale(.97)}65%{transform:scale(1.015)}100%{transform:scale(1)}}
@keyframes iconPop{0%{transform:scale(.7) rotate(-8deg)}70%{transform:scale(1.1)}100%{transform:scale(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes successPop{0%{opacity:0;transform:scale(.55) rotate(-12deg)}65%{transform:scale(1.12) rotate(2deg)}100%{opacity:1;transform:scale(1)}}
@keyframes successRing{0%{opacity:.7;transform:scale(.8)}100%{opacity:0;transform:scale(1.65)}}
@keyframes completePulse{50%{box-shadow:0 0 0 5px #0e8f6f0d}}
@keyframes modalSpring{from{opacity:0;transform:translate(-50%,-47%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes toastIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}
.single-step{margin-top:32px}.contact-confirm{max-width:390px;margin:5px auto 22px;border:1px solid #dfe9e5;background:#f5fbf9;border-radius:9px;padding:13px 15px;display:flex;align-items:center;gap:10px;text-align:left}.contact-confirm>i{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:10px;font-style:normal}.contact-confirm b,.contact-confirm small{display:block}.contact-confirm b{font-size:7px;color:var(--navy)}.contact-confirm small{font-size:6px;color:#8b9aa3;margin-top:3px}@media(max-width:560px){.form-panel{align-items:start;padding:24px 21px}.form-head h2{font-size:23px;line-height:1.16}.form-head p{font-size:8px;line-height:1.55}.input{height:47px}.input input{font-size:11px}.consent{font-size:7px;line-height:1.6}.full{height:47px}.privacy{margin-top:22px}}
.logo-img{display:inline-block;background:#fff;padding:9px 14px;border-radius:10px;box-shadow:0 12px 30px #0000002e,0 0 0 1px #ffffff1f}
.logo-img img{display:block;height:34px;width:auto}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kvkk-link{color:var(--green);font-weight:700;text-decoration:none;border-bottom:1px solid #0e8f6f45;transition:.2s}.kvkk-link:hover{border-color:var(--green);color:#0b765c}
.mobile-foot{display:none}
.field-hint{display:block;margin-top:4px;font-size:6px;font-weight:400;color:var(--muted)}
.input.invalid~.field-hint{display:none}
.fields .optional{font-weight:400;color:var(--muted)}
.warn{display:none;margin-top:4px;font-size:6px;font-weight:400;line-height:1.5;color:#a86b12}
.warn.show{display:block}
.input.warned{border-color:#e8c07a;background:#fffcf5}
.input.invalid~.warn{display:none!important}
.company-link{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.brand-footer .company-link b,.mobile-foot .company-link b{color:inherit}
.brand-footer .company-link{color:#91a5b1}
.brand-footer .company-link:hover{color:#46c7a3;border-color:#46c7a366}
.mobile-foot .company-link{color:#6f828d}
.mobile-foot .company-link:hover{color:var(--green);border-color:#0e8f6f66}

/* Sosyal medya — gerçek marka simgeleri, üzerine gelince marka rengi */
.socials svg{width:13px;height:13px;fill:currentColor;stroke:none}
.socials a{transition:color .2s,background .25s,border-color .25s,transform .25s var(--ease-premium)}
.socials a.s-ig:hover{color:#fff;border-color:transparent;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.socials a.s-in:hover{color:#fff;border-color:#0a66c2;background:#0a66c2}
.socials a.s-x:hover,.socials a.s-th:hover{color:#fff;border-color:#ffffff40;background:#000}
.socials a.s-yt:hover{color:#fff;border-color:#ff0000;background:#ff0000}

/* Mobil — marka bandı + form kartı, okunabilir yazı boyutları */
@media(max-width:900px){
  body{background:var(--paper)}
  .form-panel{display:block;place-items:normal;min-height:100vh;padding:0 0 8px;background:var(--paper)}
  .mobile-head{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:18px 18px 58px;background:linear-gradient(145deg,#0b2741 0%,#123955 68%,#0d304b 100%)}
  .mobile-head:before{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}
  .mobile-head:after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-60px;border-radius:50%;background:#0e8f6f40;filter:blur(60px)}
  .mobile-head>*{position:relative;z-index:1}
  .mobile-head .logo-img{flex:0 0 auto;padding:7px 11px;border-radius:9px;box-shadow:0 8px 22px #00000033}
  .mobile-head .logo-img img{height:28px}
  .mobile-head>small{display:flex;align-items:center;gap:7px;flex:0 0 auto;font-size:10px;letter-spacing:1.3px;color:#9ddac9;font-weight:700;padding:7px 11px;border:1px solid #ffffff1f;border-radius:999px;background:#ffffff0a}
  .mobile-head>small i{width:6px;height:6px;border-radius:50%;background:#37d0a5;animation:statusPulse 2.4s ease-out infinite}

  .form-shell{position:relative;z-index:2;width:min(620px,calc(100% - 24px));margin:-36px auto 0;background:#fff;border:1px solid #e6edf0;border-radius:16px;padding:22px 18px 20px;box-shadow:0 14px 34px #102e4b12}
  .topbar{margin-bottom:20px}
  .topbar span{font-size:11px}
  .secure i{width:18px;height:18px}
  .form-head .step-label{font-size:10px}
  .form-head h2{font-size:24px;line-height:1.2;letter-spacing:-.6px}
  .form-head p{font-size:13px;line-height:1.5}
  .progress{margin:18px 0 22px}
  .fields{gap:16px}
  .fields label{font-size:12px}
  .input{height:50px;border-radius:10px}
  .input input{font-size:16px}
  .input svg{width:17px;height:17px}
  .phone span{font-size:15px}
  .error{font-size:11px!important}
  .field-hint{font-size:11px;line-height:1.4}
  .warn{font-size:11px;line-height:1.45}
  .consent{font-size:12px;line-height:1.55;gap:10px;margin-top:18px}
  .consent>i{flex:0 0 20px;height:20px;border-radius:5px}
  .consent>input:checked+i:after{font-size:12px;left:4px;top:1px}
  .consent-error{font-size:11px;margin-left:30px}
  .primary,.secondary{height:52px;font-size:15px;border-radius:10px}
  .full{height:52px;margin-top:20px}
  .privacy{font-size:11px;gap:8px;margin-top:20px;padding-top:14px;text-align:left}
  .privacy svg{width:14px;height:14px;flex:0 0 14px}

  .success-label{font-size:10px}
  .success h2{font-size:24px}
  .success>p{font-size:14px;line-height:1.5}
  .reference{display:flex;width:max-content;max-width:100%}
  .reference span{font-size:11px}
  .reference b{font-size:15px}
  .reference button{width:32px;height:32px}
  .contact-confirm b{font-size:13px}
  .contact-confirm small{font-size:12px}
  .new{width:100%}

  .mobile-foot{display:block;text-align:center;padding:20px 20px 24px;color:#8b9aa3}
  .mobile-foot .socials{justify-content:center;gap:10px;margin-bottom:14px}
  .mobile-foot .socials a{width:38px;height:38px;border-radius:10px;border-color:var(--line);background:#fff;color:#6f828d}
  .mobile-foot .socials svg{width:16px;height:16px}
  .mobile-foot small{font-size:11px}
  .mobile-foot p{font-size:11px;margin:4px 0 0}
  .mobile-foot b{font-weight:600;color:#6f828d}
  #toast{left:16px;right:16px;bottom:16px;font-size:13px;text-align:center;padding:13px 16px}
}
@media(max-width:360px){
  .mobile-head{padding:16px 14px 56px}
  .mobile-head .logo-img img{height:24px}
  .mobile-head>small{font-size:9px;padding:6px 9px}
  .form-head h2{font-size:22px}
}