@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1730;--navy-2:#13284b;--gold:#e7a51d;--gold-soft:#fff4cf;--ink:#17233a;--muted:#6d7890;--line:#e7ebf2;--surface:#f6f8fc;--white:#fff;--shadow:0 24px 70px rgba(17,35,65,.10)}
*{box-sizing:border-box}html{background:var(--surface)}body{margin:0;background:linear-gradient(180deg,#f7f9fc 0%,#eef3f9 100%);color:var(--ink);font-family:'Poppins',sans-serif;font-size:15px;line-height:1.65}body:before{content:'DOMAINCINI';display:block;max-width:1120px;margin:0 auto;padding:28px 24px 10px;color:var(--navy);font-size:18px;font-weight:800;letter-spacing:-.04em}main{width:min(1120px,calc(100% - 40px));margin:20px auto 70px;background:transparent}main>h1{margin:0;padding:44px 52px 14px;background:var(--navy);color:#fff;border-radius:26px 26px 0 0;font-size:clamp(28px,5vw,54px);letter-spacing:-.055em;line-height:1.12}main>p:first-of-type{margin:0;padding:6px 52px 34px;background:var(--navy);color:#cbd7eb;font-size:16px}main>p:not(:first-of-type),main>section,main>form,main>div{background:#fff}main>p:not(:first-of-type){margin:0;padding:26px 52px 0;color:var(--muted)}main>section{margin:0;padding:26px 52px;border-bottom:1px solid var(--line)}main>section h2{margin:0 0 10px;color:var(--navy);font-size:20px}main>section p{color:var(--muted)}form{margin:0;padding:28px 52px;display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line)}input,textarea,select{width:100%;min-height:48px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;color:var(--ink);font:inherit}textarea{min-height:100px;resize:vertical}form input[type=number]{flex:1 1 240px;width:auto}button{border:0;border-radius:12px;background:var(--navy);color:#fff;cursor:pointer;padding:13px 21px;font:600 14px 'Poppins',sans-serif;transition:transform .2s,background .2s,box-shadow .2s}button:hover{background:var(--gold);color:var(--navy);transform:translateY(-2px);box-shadow:0 10px 24px rgba(231,165,29,.25)}form.inline-form{padding:18px 52px;background:#fff}form.inline-form button{background:#fff;color:var(--navy);border:1px solid var(--line)}a{color:var(--navy);font-weight:600;text-decoration:none}a:hover{color:var(--gold)}main>section:first-of-type{padding-top:34px}main>section:first-of-type:before{content:'GÜVENLİ İŞLEM';display:inline-block;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:var(--gold-soft);color:#9b6a00;font-size:11px;font-weight:700;letter-spacing:.08em}main>form:last-of-type{border-radius:0 0 26px 26px;padding-bottom:38px}main>p:last-child{padding:26px 52px 38px;border-radius:0 0 26px 26px}@media(max-width:700px){body:before{padding:20px 18px 4px}main{width:calc(100% - 24px);margin:12px auto 36px}main>h1{padding:32px 24px 12px;border-radius:20px 20px 0 0;font-size:34px}main>p:first-of-type{padding:4px 24px 26px}main>p:not(:first-of-type),main>section,main>form,form.inline-form{padding-left:24px;padding-right:24px}main>section{padding-top:22px;padding-bottom:22px}form{display:block}form>*{margin-bottom:10px}form input[type=number]{width:100%}button{width:100%}}