:root{--navy:#07233f;--blue:#0878b9;--cyan:#10aee5;--ink:#10263a;--muted:#607185;--line:#e5edf3;--soft:#f5f8fb;--white:#fff;--shadow:0 18px 50px rgba(7,35,63,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 40px));margin:auto}.eyebrow{margin:0 0 10px;color:var(--blue);font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.section{padding:88px 0}.section-soft{background:var(--soft)}.section-title{max-width:720px;margin:0 auto 48px;text-align:center}.section-title h2,.page-intro h1{margin:0;color:var(--navy);font-size:clamp(2rem,4vw,3rem);line-height:1.15}.section-title p{margin:15px 0 0;color:var(--muted)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:120px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;height:100%;padding:5px 0 9px}.brand img{width:205px;height:102px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-size:.92rem;font-weight:650;color:#294057}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-toggle{display:none;border:0;background:none;padding:8px;font-size:1.5rem;color:var(--navy)}
.hero{min-height:690px;display:grid;place-items:center;position:relative;color:#fff;background:linear-gradient(90deg,rgba(4,27,49,.92),rgba(4,27,49,.35)),linear-gradient(180deg,rgba(255,137,64,.22),rgba(38,54,91,.18)),url('../img/istanbul-finans-merkezi.jpg') center center/cover}.hero-content{max-width:760px;margin:0 auto;padding:110px 0;text-align:center}.hero .eyebrow{color:#7edaff}.hero h1{margin:0;font-size:clamp(2.8rem,6vw,5.15rem);line-height:1.04;letter-spacing:-.035em}.hero p{max-width:650px;margin:24px auto 34px;color:#e0edf5;font-size:1.12rem}.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:8px;background:var(--blue);color:#fff;font-weight:750}.btn:hover{background:#05699f}.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:#edf7fc}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.intro-copy h2{margin:0 0 22px;color:var(--navy);font-size:clamp(2rem,4vw,3.2rem);line-height:1.14}.intro-copy p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature{padding:25px;border:1px solid var(--line);border-radius:12px;background:#fff}.feature strong{display:block;color:var(--navy);font-size:1.05rem}.feature span{color:var(--muted);font-size:.9rem}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cfdfeb}.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#eaf7fd;color:var(--blue);font-weight:900}.service-card h3{margin:18px 0 9px;color:var(--navy);font-size:1.16rem}.service-card p{margin:0;color:var(--muted);font-size:.94rem}
.cta{padding:58px 0;background:var(--navy);color:#fff}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.5rem)}.cta p{margin:0;color:#bcd0df}
.page-hero{padding:88px 0;background:linear-gradient(135deg,#eef7fc,#f8fafc)}.page-intro{max-width:780px}.page-intro p{margin:18px 0 0;color:var(--muted);font-size:1.06rem}.about-body{max-width:850px;margin:auto}.about-body p{color:#53687b;font-size:1.02rem}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.value{padding:24px;border-top:3px solid var(--cyan);background:var(--soft)}.value h3{margin:0 0 7px;color:var(--navy)}.value p{margin:0;font-size:.9rem}
.team-section+.team-section{padding-top:0}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.person-card{width:100%;padding:28px 20px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;color:inherit;font:inherit;transition:.2s}.person-card.has-bio{cursor:pointer}.person-card.has-bio:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#bed8e8}.avatar,.avatar-photo{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:1.35rem;font-weight:850}.avatar-photo{object-fit:cover;border:3px solid #e3eef5;box-shadow:0 6px 18px rgba(7,35,63,.14)}.avatar-savas{object-position:50% 25%}.avatar-gonul{object-position:50% 28%}.avatar-ahmet{object-position:50% 26%}.avatar-mehmet{object-position:50% 36%}.person-card h3{margin:18px 0 5px;color:var(--navy);font-size:1.08rem}.person-card p{margin:0;color:var(--blue);font-size:.85rem;font-weight:700;line-height:1.5}.bio-hint{display:block;margin-top:16px;color:var(--muted);font-size:.78rem}.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(3,21,37,.74)}.modal.open{display:grid}.modal-panel{width:min(760px,100%);max-height:88vh;overflow:auto;position:relative;padding:42px;border-radius:16px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.3)}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:1.7rem;cursor:pointer;color:var(--muted)}.modal-panel h2{margin:0;color:var(--navy)}.modal-role{margin:4px 0 24px;color:var(--blue);font-weight:700}.modal-text p{color:#526678}
.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.external-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:700;color:var(--navy)}.external-link:hover{border-color:#9ccce5;color:var(--blue)}.external-link span:last-child{font-size:1.2rem}
.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.article-link{display:grid;grid-template-columns:1fr 28px;align-items:center;gap:16px;min-height:104px;padding:16px 18px;border:1px solid #dce8f0;border-left:4px solid var(--blue);border-radius:12px;background:linear-gradient(135deg,#fff,#f7fbfd);color:var(--navy);font-weight:700;line-height:1.45;box-shadow:0 7px 22px rgba(7,35,63,.05);transition:transform .2s,border-color .2s,box-shadow .2s,color .2s}.article-info{display:flex;flex-direction:column;gap:6px}.article-info strong{font-size:.96rem;line-height:1.45}.article-date{width:max-content;padding:3px 9px;border-radius:20px;background:#e8f6fc;color:var(--blue);font-size:.74rem;font-weight:800;letter-spacing:.02em}.article-link:hover{transform:translateY(-3px);border-color:#8cc9e8;box-shadow:0 14px 34px rgba(7,35,63,.13);color:var(--blue)}.article-link span:last-child{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e8f6fc;color:var(--blue);font-size:1rem;transition:.2s}.article-link:hover span:last-child{background:var(--blue);color:#fff;transform:translateX(2px)}
.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px}.contact-card,.map-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.contact-card{padding:34px}.contact-item{padding:18px 0;border-bottom:1px solid var(--line)}.contact-item:first-child{padding-top:0}.contact-item:last-child{border:0;padding-bottom:0}.contact-item small{display:block;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.contact-item p,.contact-item a{margin:5px 0 0;color:#40576b}.map-wrap iframe{width:100%;height:100%;min-height:500px;border:0;display:block}
.site-footer{padding:58px 0 25px;background:#061b2e;color:#c8d6e0}.footer-grid{display:grid;grid-template-columns:1.15fr .75fr 1.1fr;gap:55px}.footer-brand img{width:125px;height:90px;object-fit:contain;filter:brightness(0) invert(1)}.footer-brand p{max-width:360px;color:#9fb2c0}.site-footer h3{margin:8px 0 16px;color:#fff;font-size:1rem}.footer-links{display:grid;gap:9px}.footer-links a:hover{color:#55c7f0}.footer-contact p{margin:0 0 9px}.copyright{margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:#8299a9;font-size:.84rem}
@media(max-width:900px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:120px;padding:20px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:15px}.nav-links.open{display:flex}.intro-grid,.contact-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.map-wrap iframe{min-height:390px}}
@media(max-width:600px){.container{width:min(100% - 28px,1160px)}.section{padding:65px 0}.hero{min-height:620px}.hero-content{padding:80px 0}.feature-grid,.service-grid,.team-grid,.values,.links-grid,.articles-grid,.footer-grid{grid-template-columns:1fr}.article-link{grid-template-columns:1fr 26px;gap:12px;padding:14px}.footer-brand{grid-column:auto}.cta-row{align-items:flex-start;flex-direction:column}.modal-panel{padding:34px 24px}.nav{height:88px}.brand img{width:125px;height:78px}.nav-links{top:88px}}