/* Chatt.gen.tr — onaylanan tasarımı esas alan, bağımsız ve responsive statik tema */
:root{--ink:#141332;--midnight:#11102b;--purple:#662be9;--violet:#792ff2;--pink:#ed00a8;--surface:#f7f7ff;--muted:#55566f;--container:1400px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--surface);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 72px));margin-inline:auto}.icon{width:24px;height:24px;display:inline-block;flex:none;vertical-align:middle;fill:none;stroke:currentColor}.skip-link{position:absolute;top:-80px;left:12px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fd92e2;outline-offset:3px}
/* header */
.site-header{height:92px;background:linear-gradient(110deg,#1e2159 0%,#100f2a 36%,#100e29 100%);color:#fff;position:relative;z-index:30;box-shadow:0 2px 0 #7772db}.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;text-decoration:none;gap:9px;min-width:0;flex-shrink:0}.brand__mark{display:inline-flex;width:80px;height:70px;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px #2910a5)}.brand__mark svg{width:100%;height:100%}.brand__type{display:flex;flex-direction:column;gap:1px}.brand__name{font-size:40px;line-height:1.06;color:#fff;font-weight:850;letter-spacing:-2px;white-space:nowrap}.brand__name span{color:#f014b7}.brand__tagline{font-size:15px;font-weight:500;white-space:nowrap;letter-spacing:-.1px;color:#f4f0ff}.nav{display:flex;align-items:center;gap:18px;justify-content:flex-end}.nav__link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:16px;font-weight:760;color:#f8f7ff;border-radius:25px;white-space:nowrap;min-height:45px;padding:8px 10px;transition:background .2s,transform .2s}.nav__link:hover{background:#ffffff1c;transform:translateY(-1px)}.nav__link.is-active{background:linear-gradient(110deg,#a300f0,#5c08cd);padding-inline:17px;box-shadow:0 5px 12px #28008a66}.nav__link .icon{width:23px;height:23px;stroke-width:2.6}.nav__quick{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:100px;margin-left:10px;min-width:160px;min-height:48px;padding:11px 20px;background:linear-gradient(105deg,#e800b8,#b000bd);border:1px solid #f62af0;box-shadow:0 6px 23px #d600a266;text-decoration:none;color:#fff;font-size:17px;font-weight:800;white-space:nowrap;transition:transform .2s,filter .2s}.nav__quick:hover{transform:translateY(-2px);filter:brightness(1.12)}.nav__quick .icon{width:21px;height:21px;color:#ffd64c;fill:#ffd64c}.menu-toggle{display:none}
/* hero */
.hero{height:400px;z-index:2;background:radial-gradient(ellipse at 8% 83%,#5b0067 0%,transparent 30%),radial-gradient(ellipse at 54% 8%,#4c1bb2 0%,transparent 42%),linear-gradient(110deg,#090d23 10%,#14114c 59%,#2b115d 100%);position:relative;color:#fff;isolation:isolate}.hero__visual{position:absolute;right:0;top:0;width:62.8%;height:375px;background-image:url('../img/hero-onayli.webp');background-size:cover;background-position:center 39%;z-index:-1;mask-image:linear-gradient(to right,transparent 0%,#000 17%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 17%,#000 100%)}.hero__glow{position:absolute;inset:0;background:linear-gradient(90deg,#080d250f 0%,#0f104b03 45%,#0d103d00 100%);pointer-events:none;z-index:-1}.hero__inner{height:100%;position:relative}.hero__copy{padding-top:36px;padding-left:49px;width:49%;max-width:625px;position:relative;z-index:2}.hero h1{font-weight:880;font-size:clamp(39px,4.45vw,62px);letter-spacing:-2.8px;line-height:.99;margin:0 0 19px;text-shadow:0 2px 6px #06052026}.hero h1 em{font-style:normal;color:#ee00ac}.hero p{font-size:20px;line-height:1.38;font-weight:500;letter-spacing:-.35px;max-width:510px;margin:0 0 23px}.hero__pills{display:flex;flex-wrap:wrap;gap:15px}.hero__pills span{display:inline-flex;align-items:center;gap:8px;padding:6px 13px 6px 8px;background:#ffffff23;border:1px solid #ffffff12;border-radius:50px;font-size:17px;font-weight:750;box-shadow:inset 0 0 13px #ffffff12}.hero__pills .icon{color:#fff;width:25px;height:25px;background:#3368ff;border-radius:50%;padding:3px;filter:drop-shadow(0 0 7px #4b65ff)}.hero__pills span:nth-child(2) .icon{background:#ce38af;color:#ffd13b;fill:#ffd13b}.hero__wave{position:absolute;width:100%;height:90px;bottom:-2px;left:0;z-index:1;pointer-events:none}.hero__cta{position:absolute;z-index:5;left:50%;bottom:-27px;transform:translateX(-50%);width:min(570px,calc(100% - 36px));min-height:88px;padding:9px 13px 9px 52px;border-radius:60px;background:linear-gradient(100deg,#f100ae,#7b00d0 71%,#5606bb);display:flex;gap:17px;align-items:center;justify-content:center;text-decoration:none;color:#fff;border:4px solid #fff;box-shadow:0 13px 18px #8f16c055,0 0 0 1px #ba60ff40;white-space:nowrap;transition:filter .2s,transform .2s}.hero__cta:hover{filter:brightness(1.12);transform:translateX(-50%) translateY(-3px)}.hero__cta>.icon{width:47px;height:47px;stroke-width:2.6}.hero__cta span:not(.hero__cta-arrow){font-size:31px;font-weight:840;letter-spacing:-1px}.hero__cta-arrow{margin-left:auto;width:52px;height:52px;background:#fff;border-radius:50%;color:#3c0a8a;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 8px #28004640}.hero__cta-arrow .icon{height:31px;width:31px;stroke-width:3.7}
/* four feature cards */
.features{position:relative;background:var(--surface);padding:55px 0 48px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.feature-card{display:flex;align-items:center;gap:15px;min-height:107px;background:linear-gradient(135deg,#fff,#f3f3ff);border:1px solid #fff;border-radius:22px;box-shadow:0 8px 24px #25177a19;padding:12px 14px;min-width:0}.feature-card__icon{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e5ddff;flex:none}.feature-card__icon .icon{width:49px;height:49px;stroke-width:2.7}.feature-card h2{font-size:18px;line-height:1.25;font-weight:850;margin:0 0 5px;letter-spacing:-.6px;white-space:nowrap}.feature-card p{font-size:14px;line-height:1.48;margin:0;font-weight:530}.feature-card p strong{font-weight:650;color:#7226ed}.feature-card--purple .feature-card__icon{color:#7026f3;background:#e5dfff}.feature-card--pink .feature-card__icon{color:#f02093;background:#fde1f2}.feature-card--pink p strong{color:#f00089}.feature-card--blue .feature-card__icon{color:#268aff;background:#dfecff}.feature-card--green .feature-card__icon{color:#19c963;background:#dcf7e8}
/* footer skyline, copied from approved composition as cropped local assets */
.site-footer{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 72% 60%,#3d2b7d 0%,transparent 45%),linear-gradient(180deg,#171a4a 0%,#29235c 61%,#10102e 100%)}.footer__topwave{position:absolute;left:0;top:-1px;width:100%;height:36px;z-index:2;pointer-events:none}.footer__galata,.footer__bridge,.footer__skyline{pointer-events:none;position:absolute;z-index:-1;background-size:contain;background-repeat:no-repeat}.footer__galata{background-image:url('../img/istanbul-kule.png');left:0;bottom:51px;width:183px;height:250px}.footer__bridge{background-image:url('../img/istanbul-kopru.png');right:0;bottom:51px;width:365px;height:251px}.footer__skyline{background-image:url('../img/istanbul-isiklar.png');background-position:center bottom;width:100%;height:75px;bottom:44px;background-size:100% 100%}.footer__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .64fr 1fr;gap:60px;padding:35px 80px 25px 100px;min-height:268px}.brand--footer .brand__mark{width:67px;height:60px}.brand--footer .brand__name{font-size:31px;letter-spacing:-1.9px}.brand--footer .brand__tagline{font-size:14px}.footer__about p{font-size:14px;line-height:1.64;margin:11px 0 14px 78px;max-width:385px;color:#f1edff}.footer__social{display:flex;gap:10px;margin-left:78px}.footer__social span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#29255de0;border:1px solid #ffffff32;font-size:26px;font-weight:800;color:#fff;opacity:.88}.footer__links h2,.footer__reasons h2{font-size:18px;white-space:nowrap;display:flex;gap:8px;align-items:center;margin:7px 0 14px}.footer__links h2>.icon{color:#a956fd}.footer__reasons h2>.icon{color:#80c0ff;fill:#80c0ff}.footer__links ul,.footer__reasons ul{list-style:none;margin:0;padding:0}.footer__links li{margin:7px 0}.footer__links li a{font-size:15px;display:inline-flex;gap:9px;align-items:center;text-decoration:none;color:#f3efff}.footer__links li a:hover{text-decoration:underline;color:#ffc5f8}.footer__links li a .icon{width:16px;height:16px}.footer__reasons li{font-size:14px;display:flex;align-items:center;gap:10px;margin:8px 0;color:#eeeefc}.footer__reasons li .icon{width:19px;height:19px;color:#fff;background:#12865a;border-radius:50%;padding:2px;stroke-width:3}.footer__bottom{position:relative;background:#10102b;border-top:3px solid #8441f6;padding:18px 0 9px;box-shadow:0 -5px 0 #8223dd45}.footer__bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;padding-inline:36px}.footer__credit{text-align:center;color:#b8b2d4;font-size:11px;margin-top:6px}.footer__credit a{color:#eab2ff;text-underline-offset:2px}
/* interior pages */
.page-hero{background:radial-gradient(ellipse at 85% 35%,#6120b9 0%,transparent 37%),linear-gradient(110deg,#0c1236,#26206f 55%,#160d35);color:#fff;min-height:245px;position:relative;overflow:hidden}.page-hero .container{padding:40px 65px 80px}.page-hero__eyebrow{font-size:13px;letter-spacing:1.8px;text-transform:uppercase;color:#e9a1fe;font-weight:800}.page-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.06;letter-spacing:-2px;margin:10px 0 8px}.page-hero p{font-size:18px;line-height:1.5;max-width:700px;margin:0;color:#e6e4fa}.page-hero>svg{position:absolute;bottom:-1px;left:0;width:100%;height:64px}.page-section{padding:44px 0 78px;background:var(--surface)}.page-layout{max-width:1130px;display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.9fr);align-items:start;gap:32px}.content-card,.aside-card{border-radius:24px;background:#fff;border:1px solid #e6e0ff;box-shadow:0 15px 35px #30297412}.content-card{padding:32px 38px;font-size:16px;line-height:1.85;color:#3e3c56}.content-card h2{font-size:25px;line-height:1.2;letter-spacing:-.6px;color:#1c1742;margin:7px 0 13px}.content-card h2:not(:first-child){margin-top:28px}.content-card p{margin:0 0 15px}.content-card a{color:#702ada;text-decoration-thickness:1px;text-underline-offset:3px}.numbered-rules{padding-left:24px}.numbered-rules li{padding:7px 0 7px 5px}.note{background:#f5eeff;padding:16px 20px;border-left:4px solid #8c36df;border-radius:10px;font-size:13px}.aside-card{padding:29px 27px;text-align:center;position:sticky;top:24px}.aside-card__symbol{width:78px;height:78px;background:linear-gradient(125deg,#f8d6ff,#ddd6ff);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#9222e9}.aside-card__symbol>.icon{width:42px;height:42px}.aside-card h2{font-size:22px;margin:17px 0 8px;line-height:1.2;letter-spacing:-.5px}.aside-card p{font-size:15px;line-height:1.55;color:#595674;margin:0 0 17px}.aside-card__button,.contact-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(100deg,#ec00a9,#7125e5);color:#fff;text-decoration:none;border:0;padding:13px 22px;border-radius:40px;font-weight:800;box-shadow:0 9px 18px #ab38c444}.aside-card__button:hover,.contact-form__submit:hover{filter:brightness(1.1)}.aside-card__button>.icon{height:20px;width:20px}.aside-card hr{border:0;border-top:1px solid #eee7ff;margin:24px 0 16px}.aside-card .aside-card__small{font-size:13px}.aside-card__small a{color:#7b24ca}.contact-form{margin-top:20px}.contact-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label:not(.contact-form__consent){display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700;color:#33314b;margin-bottom:17px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{background:#fbfaff;border:1px solid #dcd5ed;border-radius:11px;width:100%;padding:12px 14px;color:var(--ink);font-weight:400;resize:vertical}.contact-form__consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#59556d;margin:4px 0 18px}.contact-form__consent input{margin-top:5px;accent-color:#7c23dc}.contact-form__submit{font-size:16px;padding:14px 26px}.contact-form__notice{font-size:13px;margin:10px 0 0;color:#62439b}
@media(max-width:1300px){.container{width:min(var(--container),calc(100% - 42px))}.brand__mark{width:66px;height:64px}.brand__name{font-size:34px}.brand__tagline{font-size:13px}.nav{gap:5px}.nav__link{font-size:14px;gap:6px;padding-inline:7px}.nav__link.is-active{padding-inline:12px}.nav__quick{min-width:140px;font-size:14px;padding-inline:14px;margin-left:5px}.hero__copy{padding-left:30px}.hero h1{font-size:54px}.feature-card{gap:11px;padding:10px}.feature-card__icon{width:68px;height:68px}.feature-card__icon .icon{width:40px;height:40px}.feature-card h2{font-size:16px}.feature-card p{font-size:13px}.footer__grid{padding-inline:90px 55px;gap:38px}}
@media(max-width:1000px){.site-header{height:82px}.brand__name{font-size:35px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;height:48px;width:50px;color:white;border:1px solid #ffffff64;background:#ffffff13;border-radius:12px}.menu-toggle svg{width:30px;height:30px;stroke:currentColor;fill:none}.menu-toggle__close{display:none}.menu-toggle[aria-expanded=true] .menu-toggle__open{display:none}.menu-toggle[aria-expanded=true] .menu-toggle__close{display:block}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#18133a;box-shadow:0 15px 24px #09061d8c;padding:14px 20px 19px;flex-direction:column;align-items:stretch;gap:4px}.nav--open{display:flex}.nav__link,.nav__link.is-active{padding:12px 16px;min-height:47px;border-radius:12px;font-size:17px}.nav__quick{margin:8px 0 0}.hero{height:420px}.hero__copy{width:62%;padding-top:43px;padding-left:12px}.hero__visual{width:65%;height:390px;background-position:center}.hero h1{font-size:clamp(37px,5vw,54px)}.hero p{font-size:18px;max-width:400px}.hero__pills{gap:7px}.hero__pills span{font-size:14px}.features{padding-top:70px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{padding:15px}.feature-card__icon{width:80px;height:80px}.feature-card h2{font-size:18px}.feature-card p{font-size:14px}.footer__grid{grid-template-columns:1fr 1fr 1fr;padding-inline:25px;gap:22px}.footer__about p,.footer__social{margin-left:0}.brand--footer .brand__name{font-size:26px}.brand--footer .brand__mark{width:54px}.brand--footer .brand__tagline{font-size:11px}.footer__links h2,.footer__reasons h2{font-size:16px}.footer__bridge{opacity:.75}}
@media(max-width:700px){.container{width:calc(100% - 30px)}.site-header{height:72px}.brand{gap:4px}.brand__mark{width:52px;height:57px}.brand__name{font-size:28px;letter-spacing:-1.5px}.brand__tagline{font-size:10px}.nav{top:72px}.hero{height:auto;min-height:620px;background:linear-gradient(180deg,#151243,#0b0b29 70%,#341171)}.hero__visual{width:100%;height:325px;top:0;left:0;background-position:center 25%;mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%);opacity:.95}.hero__copy{width:100%;max-width:none;padding:330px 10px 90px;text-align:center}.hero h1{font-size:clamp(36px,8vw,51px);letter-spacing:-1.6px;margin-bottom:12px}.hero p{font-size:16px;line-height:1.5;max-width:480px;margin:0 auto 18px}.hero__pills{justify-content:center}.hero__wave{height:75px}.hero__cta{bottom:-27px;width:calc(100% - 36px);min-height:71px;padding:8px 11px 8px 15px;gap:9px}.hero__cta>.icon{width:33px;height:33px}.hero__cta span:not(.hero__cta-arrow){font-size:clamp(19px,5vw,26px);letter-spacing:-.8px}.hero__cta-arrow{width:39px;height:39px}.hero__cta-arrow .icon{width:24px;height:24px}.features{padding:56px 0 42px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:99px;gap:17px;padding:13px 16px}.feature-card__icon{height:68px;width:68px}.feature-card h2{font-size:18px}.footer__grid{grid-template-columns:1fr 1fr;gap:30px 20px;padding:43px 10px 65px}.footer__about{grid-column:1/-1}.footer__galata{width:140px;background-size:contain;height:191px;opacity:.75}.footer__bridge{width:260px;height:180px;background-size:contain;opacity:.65}.footer__about p{max-width:450px}.footer__social{display:none}.footer__bottom-inner{display:flex;flex-direction:column;text-align:center;gap:8px;padding-inline:0;font-size:12px}.footer__bottom{padding:13px 0}.page-hero{min-height:230px}.page-hero .container{padding:41px 10px 73px}.page-hero p{font-size:16px}.page-section{padding:24px 0 50px}.page-layout{grid-template-columns:1fr;gap:20px}.content-card{padding:22px 20px;font-size:15px}.content-card h2{font-size:23px}.aside-card{position:static}.contact-form__grid{grid-template-columns:1fr;gap:0}}
@media(max-width:380px){.brand__name{font-size:25px}.brand__tagline{font-size:9px}.brand__mark{width:46px}.hero__cta span:not(.hero__cta-arrow){font-size:19px}.hero__cta-arrow{width:36px;height:36px}.footer__grid{grid-template-columns:1fr}.footer__about{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}