:root{color-scheme:dark;--bg:#111211;--panel:#1a1c19;--ink:#f0f0e7;--muted:#a3a69c;--line:#353831;--accent:#e8f49a;--card:#e8e8db;--card-ink:#252920;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:28px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}svg{width:22px;height:22px;flex-shrink:0}.wrap{max-width:1320px;margin:auto;padding:0 64px}.top{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:15px;align-items:center}.brand-mark{font-size:25px;font-weight:800;letter-spacing:-3px;border:1px solid #64695b;width:48px;height:48px;display:grid;place-content:center;border-radius:50%;padding-right:3px}.brand-name{font-size:14px;font-weight:600}.brand-name small{display:block;font-size:12px;color:var(--muted);font-weight:400}.nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav>a:first-child{color:var(--muted)}.nav-contact{border:1px solid #53574b;padding:9px 17px;border-radius:100px;display:flex;gap:22px;align-items:center}.nav-contact:hover{background:var(--ink);color:var(--bg)}
.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:64px;align-items:center;padding:64px 0 60px;min-height:630px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:var(--muted);margin:0 0 25px}.eyebrow:before{content:"";width:26px;height:1px;background:var(--accent)}h1{font-size:clamp(66px,7.8vw,108px);line-height:1.04;font-weight:500;letter-spacing:-.065em;margin:0 0 24px}h1 span{display:block}h1 .surname{color:var(--accent)}.headline{font-size:20px;letter-spacing:-.03em;margin:0 0 10px}.bio{font-size:16px;color:var(--muted);max-width:380px;margin:0 0 30px;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:14px 21px;border:1px solid var(--line);border-radius:100px;font-size:14px;font-weight:600;min-height:52px;transition:transform .2s,background .2s}.primary{background:var(--accent);color:#202518;border-color:var(--accent)}.primary:hover{background:#f6ffc5;transform:translateY(-3px)}.secondary:hover{background:#272b23;transform:translateY(-3px)}.hint{font-size:12px;color:var(--muted);margin:14px 0 0;display:flex;gap:7px;align-items:center}.hint svg{width:14px;height:14px}
.card-scene{position:relative;padding:28px 4px 34px 0;perspective:1400px}.card-caption{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.12em;color:var(--muted);margin:0 10px 24px}.card-caption span:last-child{letter-spacing:0;font-size:13px}.personal-card{position:relative;isolation:isolate;background:var(--card);color:var(--card-ink);border:1px solid #fbfcef;min-height:318px;border-radius:16px;padding:27px 30px 23px;box-shadow:16px 24px 0 -7px #272b22,16px 24px 0 -6px #444a3a,0 35px 60px #0006;transform:rotate(-5deg);transition:transform .5s ease;overflow:hidden}.personal-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff38,transparent 45%,#a3ab9120);pointer-events:none;z-index:-1}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.1em}.card-top svg{width:25px;height:25px}.card-monogram{font-size:115px;line-height:1.25;letter-spacing:-.13em;font-weight:800;margin:12px 0 0}.card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:12px}.card-bottom strong{font-size:17px;font-weight:500;letter-spacing:-.04em}.card-bottom small{display:block;font-size:12px;margin-top:3px;color:#626957}.card-bottom>a{width:44px;height:44px;display:grid;place-content:center;border:1px solid #a3a991;border-radius:50%;transition:background .2s}.card-bottom>a:hover{background:#d1d9bc}.card-bottom>a:focus-visible{outline-color:#252920}.scene-bottom{margin:40px 3px 0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:20px}.scene-bottom>span:first-child{display:flex;gap:8px;align-items:center}.scene-bottom svg{width:14px;height:14px}
.connection-strip{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;gap:24px;font-size:14px}.connection-strip>span{color:var(--muted);font-size:12px;letter-spacing:.12em}.socials{display:flex;gap:30px}.socials a{display:flex;gap:10px;align-items:center;min-height:44px}.socials svg{width:18px;height:18px}.socials a:hover{color:var(--accent)}.socials a>span:last-child{color:var(--muted)}
.contact-section{padding:57px 0 64px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{font-size:40px;line-height:1.15;letter-spacing:-.055em;font-weight:400;margin:0}.section-heading>p{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:245px}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:25px;min-height:208px;transition:transform .2s,border-color .2s,background .2s}.contact-card:hover{transform:translateY(-5px);border-color:#737d56;background:#22271e}.contact-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.contact-card-top>span{font-size:12px;color:var(--muted)}.contact-card h3{font-size:20px;font-weight:400;letter-spacing:-.03em;margin:0 0 5px}.contact-card p{font-size:14px;color:var(--muted);margin:0;overflow-wrap:anywhere}.contact-card .card-link-label{font-size:14px;margin-top:20px;color:var(--accent);display:flex;align-items:center;justify-content:space-between}.contact-card .card-link-label span:last-child{font-size:19px;line-height:1}.footer{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}.footer a:hover{color:var(--ink)}.footer>span{display:flex;align-items:center;gap:12px}.footer .small-mark{font-size:18px;letter-spacing:-2px;color:var(--ink);font-weight:700}.mobile-dock{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:16px;top:-100px;background:var(--accent);color:#111;padding:12px;z-index:20}.skip:focus{top:12px}
@media(min-width:851px) and (prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .7s both}.card-scene{animation:arrive .9s both}@keyframes arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}}
@media(min-width:1600px){.hero{min-height:680px}h1{font-size:118px}}
@media(max-width:1050px){.wrap{padding:0 36px}.hero{gap:38px}h1{font-size:80px}.personal-card{min-height:285px;padding:23px}.card-monogram{font-size:100px}.contact-card{padding:22px 18px}}
@media(max-width:850px){.wrap{padding:0 28px}.top{height:90px}.hero{grid-template-columns:1fr 1fr;gap:28px;padding:50px 0;min-height:0}h1{font-size:clamp(48px,9vw,74px)}.personal-card{min-height:240px;padding:20px}.card-monogram{font-size:85px}.card-bottom strong{font-size:14px}.contact-grid{gap:10px}.contact-card{padding:20px 15px}.nav{gap:20px}.button{padding:13px 17px}.section-heading h2{font-size:35px}}
@media(max-width:680px){.wrap{padding:0 24px}.top{height:85px}.brand-name small{display:none}.brand-name{font-size:14px}.brand-mark{width:40px;height:40px;font-size:21px}.brand{gap:11px}.nav>a:first-child{display:none}.nav-contact{font-size:14px;padding:8px 12px;gap:13px}.hero{grid-template-columns:1fr;gap:36px;padding:38px 0 35px}.eyebrow{margin-bottom:20px}h1{font-size:clamp(62px,16vw,100px);line-height:1.04;margin-bottom:23px}.headline{font-size:19px}.bio{max-width:390px;margin-bottom:25px}.actions{gap:10px}.button{flex:1;font-size:14px;padding:13px 12px;gap:8px}.card-scene{max-width:390px;width:100%;justify-self:center;padding:3px 12px 5px}.card-caption{margin-bottom:22px}.personal-card{min-height:235px;padding:22px 25px;border-radius:12px;transform:rotate(-4deg);box-shadow:10px 15px 0 -5px #272b22,10px 15px 0 -4px #444a3a,0 20px 30px #0005}.card-monogram{font-size:88px;margin:4px 0 0}.card-bottom{margin-top:6px}.card-bottom strong{font-size:16px}.scene-bottom{margin-top:28px}.connection-strip{flex-direction:column;align-items:flex-start;gap:8px;padding:21px 0}.socials{width:100%;justify-content:space-between;gap:20px;font-size:14px}.socials a{gap:9px}.contact-section{padding:36px 0}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:35px}.section-heading>p{margin-top:12px;max-width:none;font-size:14px}.contact-grid{grid-template-columns:1fr;gap:12px}.contact-card{padding:20px;min-height:0;display:grid;grid-template-columns:30px 1fr;column-gap:15px}.contact-card-top{grid-row:1/4;margin:3px 0 0;align-self:start}.contact-card-top>span{display:none}.contact-card h3{font-size:19px}.contact-card p{font-size:14px}.contact-card .card-link-label{grid-column:2;margin-top:13px}.footer{flex-wrap:wrap;gap:8px;padding-bottom:105px}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;padding:12px 24px calc(12px + env(safe-area-inset-bottom));background:#111211f5;border-top:1px solid var(--line);gap:12px;backdrop-filter:blur(14px)}.mobile-dock .button{min-height:45px;padding:11px 12px;font-size:14px}.mobile-dock svg{width:18px;height:18px}}
@media(max-width:360px){.wrap{padding:0 18px}.brand-name{font-size:12px}.hero h1{font-size:59px}.personal-card{padding:18px;min-height:220px}.card-monogram{font-size:82px}.card-top{letter-spacing:0}.card-bottom strong{font-size:14px}.mobile-dock{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}

/* Technology direction — charcoal, cobalt and cyan. */
:root{--bg:#060a12;--panel:#0b1423;--ink:#edf4ff;--muted:#94a9c6;--line:#20324b;--accent:#59dbff;--card:#0b1423;--card-ink:#edf4ff}
body{background:radial-gradient(ellipse at 78% 24%,#11327080,transparent 46%),var(--bg)}
body:before{content:"";position:absolute;inset:0 0 auto;height:820px;background-image:linear-gradient(#4279b60c 1px,transparent 1px),linear-gradient(90deg,#4279b60c 1px,transparent 1px);background-size:64px 64px;pointer-events:none;mask-image:linear-gradient(#000,transparent)}
.wrap{position:relative}.top{height:94px;border-bottom-color:#263c5680}.brand-mark{border-radius:10px;border-color:#326992;color:#72e7ff;background:#12273a;box-shadow:inset 0 0 20px #12adff13;font-family:monospace;letter-spacing:-3px}.brand-name small{font-family:monospace;color:#799bbb}.nav-contact{border-radius:7px;border-color:#314862;background:#0b1523}.nav-contact:hover{background:#142b45;color:#80e7ff}.hero{padding:76px 0 60px;gap:85px;min-height:650px}.eyebrow{font-family:Consolas,monospace;color:#6ecfee;letter-spacing:.15em}.eyebrow:before{width:16px;height:6px;background:transparent;border-left:2px solid var(--accent);border-right:2px solid var(--accent);transform:skew(-20deg)}h1{font-weight:650;letter-spacing:-.065em;font-size:clamp(72px,7.7vw,106px);line-height:1.06}.surname{background:linear-gradient(110deg,#f2f8ff 0%,#88c7ff 42%,#5b93ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important}h1 .name-end{display:inline;color:#52dfff;font-family:monospace;font-size:.8em}.headline{color:#dcEaff;font-size:23px}.bio{color:#93a8c3;font-size:16px;max-width:380px}.button{border-radius:7px;font-size:14px;padding:14px 21px}.primary{background:linear-gradient(110deg,#2162e6,#1888ed);border-color:#408ce9;color:#fff;box-shadow:0 7px 30px #1471f630}.primary:hover{background:linear-gradient(110deg,#347cff,#16a3ff);box-shadow:0 9px 35px #1471f655}.secondary{background:#0b1421;border-color:#2c4260}.secondary:hover{background:#12263c}.hint{color:#859bb5}.card-caption{font-family:Consolas,monospace;font-size:12px;color:#80add7;margin:0 0 18px}.personal-card{transform:none;border-radius:14px;border:1px solid #3a6584;min-height:390px;padding:26px 28px;background:radial-gradient(ellipse at 55% 35%,#124083aa,transparent 68%),linear-gradient(140deg,#101f33,#090f1b);box-shadow:0 0 0 7px #0e1b2b80,0 0 0 8px #233c5660,0 25px 90px #006eff1a;overflow:visible}.personal-card:after{inset:0;border-radius:14px;z-index:0;background:linear-gradient(120deg,#66cfff08,transparent 50%,#235bff08);pointer-events:none}.personal-card:before{content:"";position:absolute;top:-1px;left:30px;width:92px;height:2px;background:#5be4ff;box-shadow:0 0 18px #21cfff}.card-top{color:#8bb7e1;font-family:Consolas,monospace;font-size:12px;letter-spacing:.05em;position:relative;z-index:1}.card-top svg{color:#68dfff}.card-monogram{display:grid;place-content:center;width:170px;height:170px;line-height:1;margin:27px auto 25px;font-size:76px;font-weight:500;letter-spacing:-.12em;padding-right:9px;color:#c3ebff;border:1px solid #356791;border-radius:50%;background:radial-gradient(circle,#174b7055,#08192844);box-shadow:0 0 0 9px #17355344,0 0 0 10px #24456b55,inset 0 0 35px #2276d522,0 0 45px #1268e52b;position:relative}.card-monogram:before,.card-monogram:after{content:"";position:absolute;inset:-17px;border:1px solid transparent;border-top-color:#75dcff77;border-bottom-color:#337bf077;border-radius:50%;transform:rotate(-35deg)}.card-monogram:after{inset:-27px;border-top-color:#233e5e;border-bottom-color:#233e5e;transform:rotate(30deg)}.card-bottom{border-top:1px solid #294361;padding-top:17px;position:relative;z-index:1}.card-bottom strong{font-size:18px;letter-spacing:0}.card-bottom small{color:#8daecc;font-size:13px;font-family:Consolas,monospace}.card-bottom>a{border-radius:8px;border-color:#335b7b;color:#75deff;background:#143047}.card-bottom>a:hover{background:#215074}.card-bottom>a:focus-visible{outline-color:#59dbff}.scene-bottom{color:#7394b8;margin-top:26px;font-family:Consolas,monospace}.connection-strip{border-color:#243d5866;padding:17px 0;background:linear-gradient(90deg,#0b1b2d66,transparent)}.connection-strip>span{font-family:Consolas,monospace;font-size:12px}.socials{gap:12px}.socials a{padding:0 18px;border-left:1px solid #243d58;min-height:35px;color:#c1d6ef}.socials svg{color:#6ed8ff}.contact-section{padding:50px 0 60px}.section-heading h2{font-size:38px;font-weight:500}.contact-card{background:linear-gradient(140deg,#10203599,#0b1423);border-color:#263b55;border-radius:9px;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:#5bdfff;transition:height .25s}.contact-card:hover{background:#10253b;border-color:#4683b5;box-shadow:0 0 35px #135daf20}.contact-card:hover:before{height:100%}.contact-card-top svg{color:#62cfff}.contact-card-top>span{font-family:Consolas,monospace;color:#6485ab}.contact-card h3{font-size:20px;font-weight:500}.contact-card .card-link-label{color:#68d9ff}.footer{border-color:#20324b;color:#728caa}.footer .small-mark{color:#71cfff}.mobile-dock{background:#070f1cf5;border-top-color:#2a4666;box-shadow:0 -10px 30px #03081255}
@media(min-width:681px) and (prefers-reduced-motion:no-preference){.card-monogram:before{animation:orbit 18s linear infinite}.card-monogram:after{animation:orbit 28s linear infinite reverse}@keyframes orbit{to{transform:rotate(325deg)}}}
@media(max-width:1050px){.hero{gap:45px}h1{font-size:78px}.personal-card{padding:23px;min-height:360px}.card-monogram{width:150px;height:150px;font-size:67px}}
@media(max-width:850px){.hero{gap:32px;padding:52px 0;min-height:0}h1{font-size:clamp(48px,8.9vw,74px)}.personal-card{padding:20px;min-height:345px}.card-top{font-size:11px;letter-spacing:0}.card-caption{letter-spacing:.03em}.card-monogram{width:135px;height:135px;font-size:62px}.scene-bottom{font-size:12px;gap:10px}.scene-bottom>span:last-child{display:none}.headline{font-size:20px}}
@media(max-width:680px){body:before{height:1000px;background-size:42px 42px}.top{height:78px}.hero{padding:32px 0;gap:32px}.hero .eyebrow{font-size:12px;letter-spacing:.09em;margin-bottom:19px}h1{font-size:clamp(58px,15.5vw,89px);margin-bottom:19px}.headline{font-size:19px}.bio{margin-bottom:23px;line-height:1.65}.button{font-size:14px;padding:13px 10px}.card-scene{padding:0 7px;max-width:410px}.card-caption{margin-bottom:15px}.personal-card{min-height:0;padding:20px;border-radius:10px;transform:none;box-shadow:0 0 0 5px #0e1b2b80,0 0 0 6px #233c5660,0 20px 60px #006eff16}.card-top{font-size:12px}.card-monogram{width:112px;height:112px;font-size:54px;margin:27px auto}.card-monogram:before{inset:-10px}.card-monogram:after{inset:-19px}.card-bottom{padding-top:14px;margin-top:0}.card-bottom strong{font-size:16px}.card-bottom small{font-size:12px}.scene-bottom{margin-top:18px}.connection-strip{padding:17px 0;gap:10px}.socials a{padding:0 14px 0 0;border-left:0;font-size:14px}.section-heading h2{font-size:31px}.contact-section{padding:30px 0}.mobile-dock{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.mobile-dock .button{font-size:14px}.nav-contact{font-size:14px}.footer{padding-bottom:100px}.contact-card{border-radius:8px}}
@media(max-width:360px){h1{font-size:56px!important}.card-top{font-size:11px}.brand-name{font-size:12px}.nav-contact{font-size:13px}.button,.mobile-dock .button{font-size:13px}}

/* Mobile-specific composition; desktop remains unchanged. */
@media(max-width:680px){
 .wrap{padding:0 20px}.top{height:66px}.brand-mark{width:34px;height:34px;font-size:19px;border-radius:8px}.brand-name{font-size:13px}.nav-contact{padding:7px 11px;min-height:40px;font-size:13px}.brand{gap:9px}
 .hero{padding:25px 0 22px;gap:24px}.hero .eyebrow{font-size:11px;letter-spacing:.06em;margin-bottom:15px}.hero h1{font-size:clamp(48px,13vw,70px)!important;line-height:1.05;letter-spacing:-.055em;margin-bottom:17px}.hero h1 span{display:inline}.hero h1 span:first-child:after{content:" ";white-space:pre}.headline{font-size:19px;font-weight:600;color:#a7d8ff;letter-spacing:-.015em;margin-bottom:10px}.bio{font-size:15px;line-height:1.6;max-width:none;margin-bottom:20px}.actions{gap:10px;flex-wrap:nowrap}.actions .button{min-height:50px;font-size:14px;border-radius:10px;padding:12px 10px;white-space:nowrap}.actions svg{width:19px;height:19px}.hint{display:none}
 .card-scene{padding:0;max-width:none}.card-caption,.scene-bottom{display:none}.personal-card{min-height:0;padding:17px 17px 17px 100px;display:flex;flex-direction:column;justify-content:center;height:121px;border-radius:12px;box-shadow:0 10px 35px #006eff12;background:radial-gradient(ellipse at 10% 50%,#134b7755,transparent 70%),#0b1626}.personal-card:before{left:20px;width:44px}.personal-card:after{border-radius:12px}.card-monogram{position:absolute;left:22px;top:31px;width:58px;height:58px;font-size:28px;margin:0;padding-right:4px;box-shadow:0 0 0 5px #17355344,inset 0 0 22px #2276d522}.card-monogram:before{inset:-8px}.card-monogram:after{inset:-13px}.card-top{font-size:11px;letter-spacing:0;color:#8aafd2;line-height:1.4}.card-top svg{display:none}.card-bottom{border:0;padding:4px 0 0;margin:0;gap:6px;align-items:center}.card-bottom strong{font-size:15px;line-height:1.5}.card-bottom small{font-size:12px;line-height:1.4;margin-top:3px;white-space:nowrap}.card-bottom>a{width:36px;height:44px;flex-shrink:0;border:0;background:transparent}.card-bottom>a svg{width:19px;height:19px}
 .connection-strip{background:none;padding:0 0 20px;border-top:0;border-bottom:1px solid #20324b;gap:0}.connection-strip>span{display:none}.socials{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.socials a{border:1px solid #263d56;background:#0b1423;border-radius:9px;padding:10px 13px;min-height:46px;gap:9px;font-size:14px}.socials a>span:last-of-type{margin-left:auto}.socials svg{width:17px;height:17px}
 .contact-section{padding:26px 0 28px}.section-heading{margin-bottom:17px}.section-heading .eyebrow{display:none}.section-heading h2{font-size:25px;letter-spacing:-.035em}.section-heading>p{font-size:13px;margin-top:8px}.section-heading>p br{display:none}.section-heading>p br:after{content:" "}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-card{display:flex;padding:16px 14px;border-radius:11px;min-height:164px}.contact-card:nth-child(2){grid-column:1/-1;order:3;display:grid;grid-template-columns:29px 1fr;column-gap:12px;min-height:104px}.contact-card-top{margin:0 0 13px;display:flex;width:100%;align-items:center}.contact-card-top>span{display:inline;font-size:11px}.contact-card h3{font-size:17px;margin-bottom:4px}.contact-card p{font-size:12px;line-height:1.5}.contact-card .card-link-label{font-size:13px;margin-top:14px;gap:5px}.contact-card:nth-child(2) .contact-card-top{margin:4px 0 0;grid-row:1/4}.contact-card:nth-child(2) .contact-card-top>span{display:none}.contact-card:nth-child(2) .card-link-label{grid-column:2;margin-top:8px}.contact-card:nth-child(2) p{font-size:14px}.contact-card:hover{transform:none}
 .mobile-dock{display:none}.footer{padding:20px 0 25px;gap:10px;font-size:11px;align-items:center}.footer>span:last-child{display:none}.footer .small-mark{font-size:17px}
}
@media(max-width:360px){.wrap{padding:0 16px}.hero h1{font-size:45px!important}.hero .eyebrow{font-size:10px}.personal-card{padding-left:87px;padding-right:11px}.card-monogram{left:18px;top:34px;width:51px;height:51px;font-size:25px}.card-bottom strong{font-size:14px}.card-bottom>a{width:30px}.card-top{font-size:10px}.card-bottom small{font-size:11px}.actions .button{font-size:13px}.contact-card{padding:15px 11px}.contact-card p{font-size:11px}}

/* Animated atmosphere; content stays on an independent, readable layer. */
body{background:#040915;isolation:isolate}
.atmosphere{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 15%,#14387688,transparent 55%),linear-gradient(135deg,#040914,#09172d 60%,#050916)}
.atmosphere:before,.atmosphere:after{content:"";position:absolute;width:85vmax;height:65vmax;left:-25vmax;top:-25vmax;filter:blur(55px);background:radial-gradient(ellipse,#076ce54d,transparent 60%);animation:nebula 19s ease-in-out infinite alternate;will-change:transform}
.atmosphere:after{left:auto;right:-35vmax;top:30vh;background:radial-gradient(ellipse,#663bdf44,transparent 58%);animation-duration:24s;animation-direction:alternate-reverse}
#network{position:absolute;inset:0;width:100%;height:100%;opacity:.8}
.light-track{position:absolute;inset:-50%;background:conic-gradient(from 40deg at 65% 40%,transparent 0 42%,#3d9fff12 44%,transparent 48% 73%,#30d9ff0c 76%,transparent 80%);animation:light-orbit 40s linear infinite;transform-origin:65% 40%}
body:before{position:fixed;height:100vh;opacity:.55;mask-image:linear-gradient(#0005,#000,transparent)}
.top{border-bottom:1px solid #5994d333}.brand-mark{box-shadow:0 0 24px #31b8ff28,inset 0 0 15px #32c5ff22;border-color:#4389b8}.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;left:-25px;top:55px;width:2px;height:100px;background:linear-gradient(transparent,#36baff88,transparent);box-shadow:0 0 25px #278cff;pointer-events:none}
h1{filter:drop-shadow(0 0 28px #54aaff18)}h1 .surname{background-image:linear-gradient(110deg,#a9deff 0%,#609bff 28%,#d3f7ff 45%,#60c9ff 56%,#7679ff 75%,#a9deff 100%);background-size:220% 100%;animation:title-light 9s ease-in-out infinite}
.personal-card{background:radial-gradient(ellipse at 45% 10%,#174377aa,transparent 75%),linear-gradient(135deg,#0b1f36de,#0a1224e8);border-color:#4484ab;box-shadow:0 0 0 7px #0e233980,0 0 0 8px #2a678444,0 15px 65px #1473df25,inset 0 0 40px #38b7ff08;backdrop-filter:blur(15px)}
.personal-card:before{width:30%;left:15%;background:linear-gradient(90deg,transparent,#9eefff,transparent);animation:edge-light 6s ease-in-out infinite;box-shadow:0 0 22px #32cfff}
.personal-card:after{background:linear-gradient(110deg,transparent 20%,#69cfff10 40%,#8adfff22 48%,#69cfff10 55%,transparent 75%);background-size:250% 100%;animation:card-light 8s ease-in-out infinite;z-index:0}
.card-monogram{color:#dcf6ff;text-shadow:0 0 22px #3eafff88;box-shadow:0 0 0 9px #17355344,0 0 0 10px #4c8fbd55,inset 0 0 38px #2688d633,0 0 40px #19a9ff33;animation:core-breathe 7s ease-in-out infinite}
.card-monogram:before{animation:orbit 16s linear infinite;border-top-color:#83eaff;border-bottom-color:#487fff}.card-monogram:after{animation:orbit 25s linear infinite reverse}
.primary{position:relative;overflow:hidden;box-shadow:0 5px 25px #137df64d,inset 0 1px #ffffff30}.primary:after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 35%,#ffffff25 48%,transparent 60%);transform:translateX(-75%);animation:button-light 7s ease-in-out infinite;pointer-events:none}.secondary,.socials a,.contact-card{backdrop-filter:blur(12px)}.contact-card{background:linear-gradient(125deg,#142843ba,#071321d9);box-shadow:inset 0 1px #83c9ff0b}.contact-card-top svg{filter:drop-shadow(0 0 7px #35c2ff77)}.contact-card:hover{box-shadow:0 0 32px #1587ff30,inset 0 0 20px #6bcbff0a}.socials a:hover{background:#17365999;box-shadow:0 0 20px #32bfff15}
.fx-toggle{display:inline-grid;place-content:center;min-width:42px;min-height:42px;padding:0;color:#a8deff;border:1px solid #335473;border-radius:8px;background:#102139a8;font:600 14px monospace;cursor:pointer}.fx-toggle:hover{background:#1a3654}.fx-toggle[aria-pressed="false"]{color:#7f96b6}.nav{gap:20px}.fx-toggle span{pointer-events:none}
@keyframes nebula{to{transform:translate(22vmax,18vmax) scale(1.2)}}
@keyframes light-orbit{to{transform:rotate(360deg)}}
@keyframes title-light{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes edge-light{0%,100%{left:12%;opacity:.65}50%{left:58%;opacity:1}}
@keyframes card-light{0%,20%{background-position:150% 50%}80%,100%{background-position:-50% 50%}}
@keyframes core-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}
@keyframes button-light{0%,65%{transform:translateX(-75%)}95%,100%{transform:translateX(75%)}}
@media(max-width:680px){.atmosphere:before,.atmosphere:after{filter:blur(35px);width:100vmax;height:80vmax}.atmosphere:before{top:-25vh;left:-45vmax}.atmosphere:after{right:-50vmax;top:20vh}#network{opacity:.75}.nav{gap:8px}.fx-toggle{min-width:36px;min-height:40px;font-size:13px}.hero-copy:before{display:none}.personal-card{box-shadow:0 0 0 1px #48bfff15,0 8px 35px #1384ff22,inset 0 0 30px #54aeff08;background:linear-gradient(125deg,#112e4cdd,#091525eb)}.card-monogram{box-shadow:0 0 0 5px #17355344,inset 0 0 22px #2276d544,0 0 23px #39bfff22}.card-monogram:before{animation:orbit 16s linear infinite}.card-monogram:after{animation:orbit 25s linear infinite reverse}.socials a{background:#0c2038b5;border-color:#335479}.contact-card{background:linear-gradient(135deg,#142c47ba,#0a1729dd)}.bio{color:#b0c3dc;text-shadow:0 1px 6px #040914}.footer{color:#8faaca}}
@media(max-width:360px){.brand{gap:6px}.brand-name{font-size:11px}.nav-contact{gap:8px;padding:7px 9px}.nav{gap:6px}.brand-mark{width:30px;height:32px}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.fx-toggle[hidden]{display:none}
@media(max-width:680px){.nav>a[href="#sosyal"]{display:none}.brand-name{white-space:nowrap}.brand{flex-shrink:0}.nav{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.atmosphere:before,.atmosphere:after{will-change:auto}}

.brand{display:inline-flex;gap:0;flex-shrink:0}.brand-logo{display:block;width:66px;height:53px;filter:drop-shadow(0 0 12px #30baff40);transition:filter .2s}.brand:hover .brand-logo{filter:drop-shadow(0 0 17px #30baff88)}
@media(max-width:680px){.brand-logo{width:53px;height:43px}}
.brand .brand-logo,.brand:hover .brand-logo{filter:none;transition:none}
.footer{align-items:center}.footer-brand{display:inline-flex;align-items:center;min-width:48px;min-height:44px}.footer-brand img{display:block;width:48px;height:38px;filter:drop-shadow(0 0 8px #30baff30)}
.contact-card[href^="mailto:"] p{display:block;align-self:flex-start;width:fit-content;max-width:100%;padding:8px 11px;margin-top:7px;border:1px solid #3676a36b;border-radius:8px;background:linear-gradient(115deg,#123652b3,#10223c99);color:#b8eaff;font-family:Consolas,"Courier New",monospace;font-size:13px;line-height:1.5;letter-spacing:.015em;box-shadow:inset 0 1px #79d9ff12,0 0 18px #168df00b;overflow-wrap:anywhere}
@media(max-width:680px){.contact-card[href^="mailto:"] p{font-size:12px;padding:7px 9px;margin-top:5px;grid-column:2}.contact-card[href^="mailto:"] .card-link-label{margin-top:12px}}

.cursor-ring{position:fixed;top:0;left:0;width:30px;height:30px;margin:-15px 0 0 -15px;border:1px solid #78dfffbb;border-radius:50%;pointer-events:none;z-index:1000;opacity:0;box-shadow:0 0 16px #46bcff22;transition:width .2s,height .2s,margin .2s,background .2s,opacity .2s;will-change:transform}.cursor-ring.is-visible{opacity:1}.cursor-ring.is-link{width:52px;height:52px;margin:-26px 0 0 -26px;background:#49bdff12;border-color:#91e9ff}.click-wave{position:fixed;width:16px;height:16px;margin:-8px 0 0 -8px;border:1px solid #97ecff;border-radius:50%;box-shadow:0 0 14px #37aaff66;z-index:999;pointer-events:none;animation:click-wave .6s ease-out forwards}@keyframes click-wave{to{transform:scale(5);opacity:0}}
.footer{display:grid;grid-template-columns:1fr auto;gap:25px;padding:32px 0 30px}.personal-signature{display:flex;flex-direction:column;gap:8px}.personal-signature .signature-line{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.04em;color:#bfddfa}.personal-signature .signature-name{font-size:12px;color:#80a4c7;letter-spacing:.04em}.personal-signature .signature-name b{font-weight:500;color:#b9d6f0}.back-top{display:flex;align-items:center;gap:12px;color:#9ac4e9;min-height:44px;font-size:12px}.back-top span{display:grid;place-content:center;width:37px;height:37px;border:1px solid #3c6381;border-radius:50%;font-size:18px}.back-top:hover span{background:#173c5d}.motion-paused .cursor-ring,.motion-paused .click-wave{display:none}
@media(max-width:680px){.footer{padding:26px 0 24px;gap:14px;grid-template-columns:1fr auto}.personal-signature{gap:9px}.personal-signature .signature-line{font-size:19px;max-width:220px}.personal-signature .signature-name{font-size:11px;line-height:1.7}.signature-name b{display:block}.back-top{font-size:0;gap:0}.back-top span{font-size:18px;width:40px;height:40px}.cursor-ring{display:none}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-ring{display:none}}
@media(prefers-reduced-motion:reduce){.click-wave{display:none}}

.actions .button,.mobile-dock .button{position:relative;isolation:isolate;overflow:hidden;min-height:54px;border-radius:12px;transition:transform .2s,box-shadow .25s,border-color .25s,background .25s;box-shadow:inset 0 1px 0 #ffffff25,0 7px 22px #0003}
.actions .primary{background:linear-gradient(115deg,#175ee3,#118bea);border-color:#58b5ff99;box-shadow:inset 0 1px #b0e8ff55,0 6px 26px #147afb30}
.actions .secondary{background:linear-gradient(120deg,#102532,#0c2029);border-color:#3a947d66;color:#e6fff6;box-shadow:inset 0 1px #94ffd212,0 6px 24px #0003}.actions .secondary svg{color:#64efb7;filter:drop-shadow(0 0 6px #34dc9855)}
.actions .button:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle 95px at var(--pointer-x,50%) var(--pointer-y,50%),#c3f5ff45,transparent 75%);opacity:0;transition:opacity .25s}.actions .secondary:before{background:radial-gradient(circle 95px at var(--pointer-x,50%) var(--pointer-y,50%),#52ffbd35,transparent 75%)}
.actions .button svg{transition:transform .25s,filter .25s}.actions .button:focus-visible{outline:2px solid #a1edff;outline-offset:5px}.actions .button:focus-visible:before{opacity:1}
@media(hover:hover) and (pointer:fine){.actions .button:hover{transform:translateY(-3px);border-color:#95dfff;box-shadow:inset 0 1px #d6f3ff55,0 10px 28px #1b8fff50}.actions .button:hover:before{opacity:1}.actions .primary:hover svg{transform:translateY(2px);filter:drop-shadow(0 0 5px #fff9)}.actions .secondary:hover{border-color:#6ce8b9;box-shadow:inset 0 1px #b2ffdf33,0 10px 28px #19ce8430}.actions .secondary:hover svg{transform:rotate(-10deg) scale(1.08)}}
.actions .button:active{transform:translateY(1px) scale(.97);box-shadow:inset 0 2px 8px #0003,0 0 18px #52bdff40}.actions .button:active:before{opacity:1}
.motion-paused .actions .button,.motion-paused .actions .button svg{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.actions .button,.actions .button svg{transition:none!important;transform:none!important}}

.atmosphere{background:radial-gradient(ellipse at 78% 18%,#12477c80,transparent 48%),radial-gradient(ellipse at 8% 70%,#27206d55,transparent 48%),#030812}
.digital-floor{position:absolute;left:-70%;width:240%;top:43%;height:110%;transform:perspective(650px) rotateX(62deg);transform-origin:center top;background-image:linear-gradient(#39caff30 1px,transparent 1px),linear-gradient(90deg,#3288ff30 1px,transparent 1px);background-size:75px 65px;mask-image:linear-gradient(transparent,#0009 20%,#000 65%,transparent);animation:grid-flow 14s linear infinite;opacity:.65}
.digital-horizon{position:absolute;left:-15%;right:-15%;top:44%;height:1px;background:linear-gradient(90deg,transparent,#3597ff66,#6ce9ffa8,#755dff77,transparent);box-shadow:0 0 45px 8px #248cff22;transform:rotate(-8deg);animation:horizon-drift 15s ease-in-out infinite alternate}
.signal-trace{position:absolute;top:-20%;left:76%;width:1px;height:48%;background:linear-gradient(transparent,#79f3ffbb,transparent);transform:rotate(28deg);box-shadow:0 0 12px #36bcff66;animation:signal-flight 11s linear infinite;opacity:0}.signal-trace.second{left:24%;animation-delay:-6s;animation-duration:15s;background:linear-gradient(transparent,#8b86ff88,transparent)}
.atmosphere:before{background:radial-gradient(ellipse,#077ec75c,transparent 62%)}.atmosphere:after{background:radial-gradient(ellipse,#4533d84f,transparent 62%)}#network{opacity:.65}.light-track{opacity:.75}.hero-copy{isolation:isolate}.hero-copy:after{content:"";position:absolute;inset:10% -4% -3% -7%;background:radial-gradient(ellipse,#050d1899,transparent 75%);z-index:-1;pointer-events:none}
.actions .button{min-height:56px;border-radius:10px;font-weight:650;letter-spacing:.01em;box-shadow:inset 0 1px #e0f7ff30,0 8px 24px #0005;transition:transform .22s,box-shadow .22s,border-color .22s}
.actions .primary{background:linear-gradient(120deg,#1b49c7 0%,#1678e2 48%,#129dcc 100%);border-color:#55bdffb3;box-shadow:inset 0 1px #cef8ff66,inset 0 -2px #07326b88,0 6px 28px #177fe540}
.actions .secondary{background:linear-gradient(115deg,#0c2532,#103e40 65%,#12333b);border-color:#46c3ad88;box-shadow:inset 0 1px #afffe42b,inset 0 -2px #061c2588,0 6px 28px #0fa98618}
.actions .button:before{background:radial-gradient(ellipse 100px 70px at var(--pointer-x,50%) var(--pointer-y,50%),#dcfaff66,transparent 80%);z-index:0}.actions .button>svg,.actions .button>span{position:relative;z-index:1}.actions .secondary:before{background:radial-gradient(ellipse 100px 70px at var(--pointer-x,50%) var(--pointer-y,50%),#73ffbf55,transparent 80%)}
.actions .secondary:after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 35%,#7bffdf20 48%,transparent 60%);transform:translateX(-75%);animation:button-light 9s ease-in-out infinite;pointer-events:none}
.actions .button svg{padding:5px;box-sizing:content-box;width:18px;height:18px;border-radius:7px;background:#04193035;box-shadow:inset 0 0 0 1px #d9f9ff1a}.actions .secondary svg{background:#18aa7220;box-shadow:inset 0 0 0 1px #79f3bf25;color:#83ffd2}
@media(hover:hover) and (pointer:fine){.actions .primary:hover{background:linear-gradient(115deg,#215fe8,#0ca7dd);box-shadow:inset 0 1px #efffff99,0 10px 35px #108bff66,0 0 0 3px #29a6ff13;transform:translateY(-4px)}.actions .secondary:hover{background:linear-gradient(115deg,#103044,#115849);box-shadow:inset 0 1px #bbffdf66,0 10px 35px #13cd9c35,0 0 0 3px #29ffc413;transform:translateY(-4px)}}
.actions .button:active{transform:translateY(1px) scale(.96);box-shadow:inset 0 3px 12px #00132566,0 0 26px #26b6ff55}
@keyframes grid-flow{to{background-position:0 65px,0 65px}}
@keyframes horizon-drift{to{transform:translateY(45px) rotate(-4deg);opacity:.45}}
@keyframes signal-flight{0%{translate:0 -25vh;opacity:0}15%,60%{opacity:.55}85%,100%{translate:-30vw 105vh;opacity:0}}
@media(max-width:680px){.digital-floor{top:39%;height:120%;background-size:52px 48px;opacity:.5;transform:perspective(460px) rotateX(56deg)}.digital-horizon{top:39%;opacity:.65}.signal-trace{animation-duration:14s;opacity:.4}.actions .button{padding:11px 9px;gap:8px;min-height:56px;font-size:13px}.actions .button svg{width:17px;height:17px;padding:4px}.hero-copy:after{inset:5% -5% -3%;background:radial-gradient(ellipse,#040c19bb,transparent 85%)}.bio{color:#bdd0e5}}
@media(prefers-reduced-motion:reduce){.digital-floor,.digital-horizon,.signal-trace{animation:none!important}.signal-trace{opacity:.15}}
.atmosphere{contain:strict;clip-path:inset(0)}
@media(max-width:680px){.hero-copy:after{left:0;right:0}}

/* Keep the visual palette while removing continuous repaint-heavy layers. */
*,*:before,*:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.atmosphere:before,.atmosphere:after,.light-track,.digital-horizon,.signal-trace{display:none!important}
.digital-floor{animation:none!important;transform:none!important;left:0;top:38%;width:100%;height:62%;background-size:70px 65px;opacity:.18;mask-image:linear-gradient(transparent,#000,transparent)}
.surname,.personal-card:before,.personal-card:after,.card-monogram,.card-monogram:before,.card-monogram:after,.primary:after,.secondary:after{animation:none!important;filter:none!important;will-change:auto!important}
.personal-card:after,.primary:after,.secondary:after{display:none}
.card-scene{perspective:none}.personal-card{transition:none!important;transform:none!important}
.hero-copy:before{box-shadow:none}.hero-copy:after{display:none}
.actions .button,.contact-card,.brand-logo{transition:transform .15s,border-color .15s,background-color .15s!important}
.atmosphere{contain:strict;background:radial-gradient(ellipse at 80% 18%,#10396988,transparent 55%),radial-gradient(ellipse at 10% 70%,#29216355,transparent 48%),#050b16}
@media(max-width:680px),(pointer:coarse){
 .cursor-ring{display:none!important}.digital-floor{opacity:.12}#network{opacity:.4}
 .personal-card,.actions .button,.contact-card{box-shadow:inset 0 1px #9acfff15!important}
 .brand-logo,.card-monogram,.contact-card-top svg,.actions .button svg,h1{filter:none!important;text-shadow:none!important}
}

/* Rich static depth plus two bounded compositor animations. No animated blur. */
.atmosphere{background:radial-gradient(ellipse at 68% 14%,#075479a8,transparent 57%),radial-gradient(ellipse at 10% 53%,#123970aa,transparent 64%),linear-gradient(150deg,#061828,#09132d 55%,#120f30)}
#network{opacity:.8}.digital-floor{opacity:.26;background-size:90px 75px}.ambient-glow{position:absolute;top:9%;right:-90px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#2388f329,transparent 68%);pointer-events:none;animation:ambient-drift 17s ease-in-out infinite alternate;will-change:transform}.ambient-glow.violet{top:60%;left:-90px;right:auto;width:330px;height:330px;background:radial-gradient(circle,#8159ff28,transparent 70%);animation-duration:23s;animation-direction:alternate-reverse}
.personal-card{border-color:#5ba2c5;background:radial-gradient(ellipse at 10% 10%,#153e59bb,transparent 80%),linear-gradient(135deg,#102439f5,#0b1730f0)}.contact-card{background:linear-gradient(135deg,#15334be8,#101b35ed);border-color:#3d607c;box-shadow:inset 0 1px #a2ddff18!important}.socials a{background:linear-gradient(120deg,#0b3047d9,#11263eed);border-color:#44728e}.card-monogram{background:radial-gradient(circle,#23507b99,#0b263d);border-color:#5296b9}.card-monogram:before{animation:orbit 22s linear infinite!important;transform-origin:center}.card-monogram:after{animation:none!important}
.arrow-icon{width:17px;height:17px;display:inline-block;vertical-align:middle;flex-shrink:0}.socials .arrow-icon{margin-left:auto;color:#90d4fa}.card-link-label .arrow-icon{color:#81d9ff}.nav-contact .arrow-icon{width:15px;height:15px}.card-bottom small a[x-apple-data-detectors],a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;font:inherit!important}
.personal-signature .signature-name{display:flex;flex-wrap:wrap;gap:4px 9px}.signature-specialty{color:#84a9c8}.personal-signature .signature-name b{display:inline}
@keyframes ambient-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-65px,45px,0)}}
@media(max-width:680px){#network{opacity:.76}.digital-floor{opacity:.18}.ambient-glow{width:280px;height:280px;right:-65px;top:14%}.ambient-glow.violet{display:none}.personal-card{box-shadow:inset 0 1px #b2edff25,0 5px 18px #00122944!important}.contact-card{border-color:#3a5874}.actions .primary{box-shadow:inset 0 1px #dcfaff55,0 4px 15px #177ada30!important}.actions .secondary{box-shadow:inset 0 1px #b3ffe225!important}.personal-signature .signature-name{display:flex;flex-direction:column;gap:3px}.socials .arrow-icon{width:16px;height:16px}}
.motion-paused .ambient-glow,.motion-paused .card-monogram:before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.ambient-glow,.card-monogram:before{animation:none!important;will-change:auto}}
.connection-strip{background:none;border:0;padding:0 0 8px;justify-content:flex-start;gap:0}.connection-strip .socials{display:flex;gap:12px;width:auto}.connection-strip .socials a{display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 16px;border:1px solid #365771;border-radius:9px;background:#0c2036aa}.connection-strip .socials a:hover{border-color:#69bfe6;background:#143751}.connection-strip .socials .arrow-icon{margin-left:5px}
@media(max-width:680px){.connection-strip{padding:0 0 8px}.connection-strip .socials{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}.connection-strip .socials a{padding:10px 13px}.connection-strip .socials .arrow-icon{margin-left:auto}}

.contact-widget{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:50;font-family:inherit}.contact-widget[hidden],.contact-panel[hidden]{display:none!important}.contact-launcher{width:58px;height:58px;display:grid;place-content:center;border:1px solid #79dfff;border-radius:19px;background:linear-gradient(135deg,#16447c,#087c98);color:#e5fbff;box-shadow:0 6px 24px #0006,inset 0 1px #fff5;cursor:pointer}.contact-launcher svg{width:27px;height:27px}.contact-launcher:hover{background:#126788;transform:translateY(-2px)}.contact-panel{position:absolute;bottom:73px;right:0;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 120px);overflow:auto;border:1px solid #3f7497;border-radius:17px;background:#091a2cf7;box-shadow:0 14px 50px #0008;padding:20px;color:#eef7ff}.contact-panel header{display:flex;justify-content:space-between;align-items:center;gap:14px}.contact-panel h2{font-size:18px;margin:0}.contact-panel p{font-size:14px;line-height:1.6;color:#a4bed5;margin:12px 0 17px}.contact-close{width:36px;height:36px;flex-shrink:0;border:1px solid #36556e;background:#10283c;color:#d2eeff;border-radius:9px;font-size:23px;cursor:pointer}.contact-options{display:grid;gap:9px}.contact-options a{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #305473;border-radius:10px;background:#102b43;font-size:14px;min-height:49px}.contact-options a:first-child{border-color:#378d7a;background:#103a36}.contact-options a:hover{border-color:#8ddcff}.contact-options svg{width:21px;height:21px;color:#8ae3ff}.contact-panel small{display:block;font-size:12px;color:#8aa8c1;margin-top:15px}.contact-widget:focus-visible,.contact-widget button:focus-visible,.contact-options a:focus-visible{outline:2px solid #9ceaff;outline-offset:4px}
@media(max-width:680px){.contact-widget{right:16px;bottom:max(12px,env(safe-area-inset-bottom))}.contact-launcher{width:46px;height:46px;border-radius:15px}.contact-panel{bottom:60px}}
.footer{padding-bottom:max(24px,env(safe-area-inset-bottom));padding-right:72px;position:relative}.footer .back-top{align-self:start}
@media(max-width:680px){.footer{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-right:60px;column-gap:12px}.personal-signature .signature-line{font-size:18px}.back-top span{width:34px;height:34px}}
.actions .primary{min-height:64px;padding:12px 17px;gap:12px}.save-label{display:flex;flex-direction:column;text-align:left;gap:3px}.save-label strong{font-size:14px;font-weight:650;line-height:1.3}.save-label small{font-size:11px;color:#caeaff;font-weight:400;line-height:1.3;letter-spacing:0}.actions .primary .save-contact-icon{width:25px;height:25px;padding:5px;background:#073e7970;border-radius:9px}.actions .secondary{align-self:stretch}
@media(max-width:680px){.actions .primary{padding:11px 9px;gap:7px;flex:1.3}.save-label strong{font-size:12px}.save-label small{font-size:10px}.actions .primary .save-contact-icon{width:21px;height:21px;padding:4px}.actions .secondary{flex:1}}
.actions .primary{min-height:54px}.save-label{display:block}.save-label strong{font-size:14px;font-weight:600}
@media(max-width:680px){.actions .primary,.actions .secondary{flex:1;min-height:52px}.save-label strong{font-size:12px}.actions .primary{gap:6px;padding:11px 8px}}

/* Shared action geometry instead of separate mobile button proportions. */
.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:410px}
.actions .button{width:100%;height:56px;min-height:56px;padding:0 14px;gap:10px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:14px;line-height:1.2;white-space:nowrap;box-sizing:border-box}
.actions .button>svg,.actions .primary .save-contact-icon{box-sizing:border-box;width:23px;height:23px;padding:0;flex:0 0 23px;border-radius:0;background:none;box-shadow:none;filter:none}
.save-label{display:block}.save-label strong{font-size:14px;font-weight:600;line-height:1.2}
.actions .primary{background:linear-gradient(120deg,#2359d5,#088eb7);border:1px solid #64ceff;box-shadow:inset 0 1px #ceeeff55,0 5px 15px #037adc22!important}
.actions .secondary{background:linear-gradient(120deg,#113b40,#0d2837);border:1px solid #3aa88e;box-shadow:inset 0 1px #9dffe122!important}.actions .secondary>svg{color:#83f4c7}
.footer{grid-template-columns:minmax(0,1fr) 44px;padding:28px 0 24px;column-gap:18px;align-items:center}.footer .back-top{align-self:center;justify-self:end;display:grid;place-content:center;width:44px;min-width:44px;height:44px;min-height:44px;font-size:0;gap:0}.footer .back-top span{width:42px;height:42px;font-size:19px}.personal-signature .signature-line{font-size:22px}
/* At the footer, raise the floating contact control, not the footer itself. */
.contact-widget.near-footer{bottom:184px}
.contact-widget.near-footer .contact-panel{max-height:calc(100dvh - 274px)}
.footer{min-height:166px;grid-template-columns:minmax(0,1fr) 58px}.footer .back-top{align-self:start}.contact-widget.footer-docked{position:absolute;right:0;bottom:18px}.contact-widget.footer-docked .contact-panel{max-height:calc(100dvh - 120px)}
@media(max-width:680px){.footer{min-height:160px;grid-template-columns:minmax(0,1fr) 46px}.contact-widget.footer-docked{right:0;bottom:18px}}
@media(max-width:680px){.actions{max-width:none;gap:10px}.actions .button{height:52px;min-height:52px;padding:0 10px;gap:8px;font-size:13px;border-radius:11px}.save-label strong{font-size:13px}.actions .button>svg,.actions .primary .save-contact-icon{width:21px;height:21px;flex-basis:21px}.footer{padding:24px 0 max(22px,env(safe-area-inset-bottom));column-gap:14px}.personal-signature .signature-line{font-size:19px}.contact-widget.near-footer{bottom:190px}}
@media(max-width:350px){.actions .button{font-size:12px;gap:6px;padding:0 8px}.save-label strong{font-size:12px}.actions .button>svg,.actions .primary .save-contact-icon{width:19px;height:19px;flex-basis:19px}}
/* The primary link has an extra class: match its specificity for equal sizing. */
.actions .button.primary,.actions .button.secondary{box-sizing:border-box;min-width:0;width:100%;height:56px;min-height:56px;max-height:56px;padding:0 14px;border-width:1px;display:flex;align-items:center;justify-content:center;gap:10px;line-height:1.2}
.actions .button.primary svg,.actions .button.secondary svg{box-sizing:border-box;width:22px;height:22px;padding:0;flex:0 0 22px;background:none;box-shadow:none;border-radius:0}
.actions .button.primary .save-label,.actions .button.secondary>span:not(.sr-only){font-size:14px;font-weight:600;line-height:1.2}.actions .button.primary .save-label strong{font:inherit}
.contact-launcher{width:50px;height:50px;min-height:50px;border-radius:50%;background:#0c2135;border:1px solid #4d83a4;color:#9bdcf7;box-shadow:0 4px 14px #020b1755,inset 0 1px #b0e6ff15;transition:background .15s,border-color .15s}.contact-launcher svg{width:23px;height:23px;stroke-width:1.5}.contact-launcher:hover{transform:none;background:#15364c;border-color:#8bccE7}.contact-launcher[aria-expanded="true"]{background:#183e55;border-color:#a0ddf2}.contact-panel{background:#0c1d30;border-color:#345e7d;border-radius:12px;box-shadow:0 12px 35px #02091688}.contact-options a{background:#10283e;border-radius:8px}.contact-panel h2{font-size:17px;font-weight:600}.contact-close{background:#10283e;border-radius:8px}
@media(max-width:680px){.actions .button.primary,.actions .button.secondary{height:52px;min-height:52px;max-height:52px;padding:0 9px;gap:8px}.actions .button.primary .save-label,.actions .button.secondary>span:not(.sr-only){font-size:13px}.actions .button.primary svg,.actions .button.secondary svg{width:21px;height:21px;flex-basis:21px}.contact-launcher{width:46px;height:46px;min-height:46px}.contact-launcher svg{width:22px;height:22px}}

.brand-logo{width:62px;height:50px}.nav{gap:10px;align-items:center}.nav>a,.nav-contact{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:44px;padding:0 17px;border:1px solid #335675;border-radius:9px;background:#0b2033;color:#c7e6fa;font-size:14px;line-height:1}.nav>a:first-child{color:#c7e6fa}.nav>a:hover{background:#173954;border-color:#66accf}.fx-toggle{width:44px;height:44px;min-height:44px;border-radius:9px;background:#0b2033;border-color:#335675}.fx-toggle span{font-family:Arial,sans-serif}
.hint{display:flex;font-size:12px;margin:12px 0 0;line-height:1.5;color:#92aec9;align-items:center;gap:7px}.hint svg{width:14px;height:14px;flex:0 0 14px}.actions .button.primary,.actions .button.secondary{border-radius:11px}
.contact-panel,.contact-widget.footer-docked .contact-panel{position:fixed;right:24px;bottom:var(--panel-bottom,86px);max-height:calc(100dvh - var(--panel-bottom,86px) - 16px);overflow:auto;overscroll-behavior:contain}
@media(max-width:680px){.brand-logo{width:54px;height:44px}.nav{gap:8px}.nav>a[href="#sosyal"]{display:none}.nav>a{height:42px;padding:0 13px;font-size:13px}.fx-toggle{width:42px;height:42px;min-width:42px;min-height:42px}.hint{display:flex;font-size:11px;margin-top:11px}.actions .button.primary,.actions .button.secondary{height:54px;min-height:54px;max-height:54px}.contact-panel,.contact-widget.footer-docked .contact-panel{right:16px}.primary:active,.secondary:active{border-color:#a9eaff!important}.hero{gap:23px}}
@media(max-height:500px) and (orientation:landscape){.contact-panel,.contact-widget.footer-docked .contact-panel{padding:14px}.contact-panel p{margin:8px 0}.contact-options{gap:5px}.contact-options a{padding:9px;min-height:42px}.contact-panel small{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.ambient-glow,.card-monogram:before{animation:none!important}}
.atmosphere{z-index:0}body:before{z-index:0}.wrap{position:relative;z-index:1}
.hero-copy,.card-scene{animation:none!important;opacity:1!important;translate:none!important;isolation:auto}
/* Identical surfaces remove the optical size difference from unequal glow. */
.actions .button.primary,.actions .button.secondary{background:#102c42!important;border:1px solid #5185a5!important;box-shadow:none!important;color:#edf7ff!important;border-radius:11px!important;font-size:14px!important;font-weight:600;letter-spacing:0;transform:none}
.actions .button.primary .save-label,.actions .button.primary .save-label strong,.actions .button.secondary>span:not(.sr-only){font-size:14px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0}
.actions .button.primary:before,.actions .button.secondary:before,.actions .button.primary:after,.actions .button.secondary:after{display:none!important}
.actions .button.primary svg{color:#86d6ff}.actions .button.secondary svg{color:#7ce7c0}
@media(hover:hover){.actions .button.primary:hover,.actions .button.secondary:hover{background:#183d57!important;border-color:#87c2e0!important;box-shadow:none!important;transform:translateY(-2px)}}
.actions .button.primary:active,.actions .button.secondary:active{background:#0b2235!important;transform:scale(.98)}
@media(max-width:680px){.actions .button.primary,.actions .button.secondary,.actions .button.primary .save-label,.actions .button.primary .save-label strong,.actions .button.secondary>span:not(.sr-only){font-size:13px!important}}