:root{--bg:#090d13;--panel:#101722;--line:#222e40;--muted:#97a7bc;--blue:#3999ff;--white:#f1f5fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.wrap{width:min(1200px,88%);margin:auto}header{height:88px;border-bottom:1px solid var(--line);background:#090d13eb;backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:34px;font-weight:800;letter-spacing:-2px}.logo span{color:var(--blue)}nav{display:flex;gap:35px;font-size:13px;color:#bdc9d8}nav a:hover{color:var(--blue)}.outline,.primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid #4a607d;padding:16px 24px;border-radius:5px;font-size:13px;transition:.2s}.primary{background:#087aff;border-color:#087aff;box-shadow:0 5px 30px #0077ff17}.primary:hover{background:#3094ff;transform:translateY(-2px)}.outline:hover{border-color:var(--blue);background:#142236}.nav>.outline{padding:11px 18px}.menu{display:none;background:none;color:white;border:1px solid var(--line);padding:9px}.hero{min-height:620px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;position:relative}.eyebrow{font-size:11px;letter-spacing:4px;color:#adbed5;text-transform:uppercase}.hero h1{font-size:clamp(42px,4.8vw,66px);line-height:1.08;letter-spacing:-3.2px;margin:27px 0}.blue{color:var(--blue)}.lead{color:#b0bfd2;font-size:19px;line-height:1.7;max-width:550px}.buttons{display:flex;gap:15px;margin-top:32px}.visual{height:460px;position:relative;perspective:900px;isolation:isolate}.visual:before{content:'';position:absolute;inset:10% -15%;background:radial-gradient(ellipse,#087aff25,transparent 65%);z-index:-1}.grid{position:absolute;inset:40px -50px -20px;background-image:linear-gradient(#288cf018 1px,transparent 1px),linear-gradient(90deg,#288cf018 1px,transparent 1px);background-size:48px 48px;transform:rotateX(60deg) rotateZ(-35deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.rack{position:absolute;width:125px;height:210px;top:130px;left:56%;background:linear-gradient(110deg,#18283c,#0a101c);border:1px solid #377fc5;transform:rotateY(-28deg) rotateX(12deg);box-shadow:18px 20px 0 #070b12,20px 21px 0 #28465f,0 30px 60px #0077ff38;padding:25px 13px}.rack:before{content:'';position:absolute;left:-1px;top:-33px;width:125px;height:32px;background:linear-gradient(20deg,#243c58,#4c6682);transform:skewX(-35deg);transform-origin:bottom;border:1px solid #4b739a}.slot{height:27px;border:1px solid #2a405a;margin:10px 0;background:#0b111b;display:flex;align-items:center;justify-content:space-between;padding:6px}.slot:before{content:'';width:35px;height:2px;background:#3e5872;box-shadow:0 5px #243d55}.slot:after{content:'';width:4px;height:4px;border-radius:50%;background:#4abaff;box-shadow:0 0 9px 3px #008cff}.cube{position:absolute;left:12%;top:115px;width:145px;height:145px;transform:rotate(-30deg) skew(8deg,8deg);border:1px solid #72c3ff;background:linear-gradient(135deg,#51aaff55,#087aff08);box-shadow:inset 0 0 45px #008cff55,0 0 25px #0077ff35}.cube:before,.cube:after{content:'';position:absolute;inset:24px;border:1px solid #51aaff99}.cube:after{inset:-25px 25px 25px -25px;background:#118dff0d}.chip{position:absolute;top:300px;left:16%;border:1px solid #2c6caa;background:#102139;padding:17px 23px;transform:rotate(-15deg);font-family:monospace;color:#6cbbff;box-shadow:0 12px 0 #060a10,0 13px #2c6caa}.vlabel{position:absolute;bottom:14px;width:100%;text-align:center;font-size:9px;letter-spacing:4px;color:#99abc4}.tech{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tech .wrap{display:flex;justify-content:space-between;gap:20px;padding:28px 0;color:#afbdd0;font-size:13px}.tech b{font-size:20px;color:#7296c2;margin-right:10px;font-weight:400}section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:30px}.section-head p{font-size:13px;color:var(--muted);line-height:1.7;max-width:330px}.kicker{color:#8faac9;font-size:10px;letter-spacing:3px}h2{font-size:37px;letter-spacing:-1.5px;line-height:1.18;margin:15px 0 0}.projects{display:grid;grid-template-columns:1.13fr 1fr;gap:24px}.project{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0d141f;transition:.25s}.project:hover{border-color:#3b6b9b;transform:translateY(-4px)}.demo{height:275px;position:relative;background:radial-gradient(ellipse at 50% 100%,#164c87,#0b1728 75%);padding:35px 35px 0;overflow:hidden}.demo.second{background:radial-gradient(ellipse at 50% 100%,#193343,#101923 75%)}.window{border:1px solid #3975b1;border-radius:7px 7px 0 0;height:255px;background:#0b1421;transform:rotate(-3deg);box-shadow:0 20px 40px #0008;font-size:10px}.second .window{transform:rotate(3deg);border-color:#3d536c}.bar{display:flex;justify-content:space-between;padding:13px 17px;background:#122339;border-bottom:1px solid #283c55}.app{display:grid;grid-template-columns:85px 1fr;height:200px}.aside{padding:18px 10px;color:#8c9fb8;line-height:2.8;border-right:1px solid #1d2b40}.aside strong{display:block;color:#51a5ff}.tiles{padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{background:#142339;border:1px solid #223b59;border-radius:4px;text-align:center;padding:12px 3px;color:#b4c8de}.tile b{display:block;font-size:21px;color:#51a5ff;margin-bottom:10px}.rows{padding:17px;line-height:2.9;color:#9fb4ce}.rows span{float:right;color:#5ac6a6}.demo-label{position:absolute;bottom:10px;right:12px;font-size:8px;letter-spacing:1px;color:#b6c8dd;background:#091321dd;padding:5px 8px}.project-info{padding:25px;display:flex;align-items:center;justify-content:space-between;gap:10px}h3{font-size:23px;margin:0 0 8px;letter-spacing:-.6px}.project-info p{font-size:13px;color:var(--muted);margin:0}.circle{border:1px solid #38506c;background:none;color:#bdd8fa;border-radius:50%;width:38px;height:38px;flex-shrink:0}.circle:hover{background:#087aff}.tags{font-size:9px;letter-spacing:1.5px;color:#52a6ff;margin-top:18px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:65px 0}.about p{color:var(--muted);line-height:1.8;font-size:14px}.expertise{display:grid;grid-template-columns:1fr 1fr;gap:28px}.expert{border-left:1px solid var(--line);padding-left:22px}.expert b{display:block;font-size:14px;margin:10px 0}.expert .icon{color:#74b5ff;font:24px monospace}.expert p{font-size:12px;margin:0}.contact{padding:55px 0 65px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.contact p{color:var(--muted);font-size:14px;line-height:1.7}.contact-actions{display:flex;gap:15px;flex-shrink:0}footer{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#8396b0;font-size:11px}.footer-brand{display:flex;gap:20px;align-items:center}.footer-brand .logo{color:white;font-size:26px}dialog{background:#101a29;color:var(--white);border:1px solid #3b5776;border-radius:12px;padding:38px;max-width:560px;width:90%;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#02050cbb;backdrop-filter:blur(6px)}dialog p{color:#adbed3;line-height:1.8}dialog .close{float:right;background:none;border:0;color:#9eb8d8;font-size:24px;margin:-15px -15px 15px 15px}.copy-status{font-size:12px;min-height:18px;color:#73c6a7}.mobile-link{display:none}@media(max-width:850px){.hero{grid-template-columns:1fr 0.8fr;min-height:540px}.hero h1{font-size:48px}.visual{transform:scale(.8);transform-origin:center}.lead{font-size:16px}.tech .wrap{flex-wrap:wrap;justify-content:center}.projects{grid-template-columns:1fr 1fr}.demo{padding:25px 14px 0;height:240px}.app{grid-template-columns:60px 1fr}.tiles{padding:12px;gap:5px}.about{gap:30px}.contact{align-items:start;flex-direction:column}}@media(max-width:600px){header{height:72px}.nav>.outline{display:none}.menu{display:block}nav{display:none;position:absolute;top:71px;left:0;right:0;background:#0c1421;padding:25px 6%;border-bottom:1px solid var(--line);flex-direction:column;gap:25px}nav.open{display:flex}.mobile-link{display:block}.hero{grid-template-columns:1fr;padding-top:55px}.hero h1{font-size:46px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:3px}.visual{height:350px;margin-top:-10px;transform:scale(.85);margin-bottom:-10px}.rack{top:90px}.cube{top:70px}.chip{top:250px}.vlabel{bottom:-10px}.lead{font-size:16px}.buttons{gap:10px}.buttons a{padding:15px 18px}.tech .wrap{gap:20px 25px;font-size:11px}.tech b{font-size:16px}section{padding:55px 0}.section-head{display:block}h2{font-size:31px}.projects{grid-template-columns:1fr}.demo{height:260px;padding:30px 25px 0}.about{grid-template-columns:1fr;padding:50px 0}.expertise{gap:28px 18px}.expert{padding-left:14px}.contact-actions{flex-wrap:wrap}.contact h2{font-size:32px}footer{flex-wrap:wrap;line-height:1.7}.footer-brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{overflow-x:clip}.contact{flex-wrap:wrap}.hero>*{min-width:0}
.role-line{font:11px monospace;color:#7e9ab9;letter-spacing:.3px;margin-top:18px}.role-line span{padding:0 8px;color:#3b96ff}.section-block{border-top:1px solid var(--line);padding:75px 0}.section-intro{color:var(--muted);line-height:1.8;font-size:14px;max-width:640px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.filter{border:1px solid var(--line);border-radius:30px;background:none;color:#aabbd0;padding:9px 16px;font-size:12px}.filter[aria-pressed=true]{background:#14365c;border-color:#3783d2;color:#b9dcff}.project-extra{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-small{border:1px solid var(--line);border-radius:7px;padding:25px;background:linear-gradient(130deg,#111d2c,#0b111b);display:flex;flex-direction:column;align-items:start;min-height:250px}.project-small h3{font-size:19px;line-height:1.4;margin:19px 0 10px}.project-small p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 20px}.status-tag{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#9eb5d0;background:#18283b;padding:6px 9px;border-radius:3px}.project-small .text-button{margin-top:auto}.text-button{background:none;border:0;padding:0;color:#65b0ff;font-size:12px;text-align:left}.text-button:hover{color:white}.project[hidden],.project-small[hidden]{display:none}.filter-result{font-size:11px;color:var(--muted);margin-bottom:15px}.work-list{border-top:1px solid var(--line)}.work-item{border-bottom:1px solid var(--line);padding:0}.work-item summary{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:15px;padding:28px 0;cursor:pointer;list-style:none}.work-item summary::-webkit-details-marker{display:none}.work-number{font:12px monospace;color:#5281b5}.work-item summary h3{font-size:21px;margin:0 0 7px}.work-item summary p{font-size:12px;color:var(--muted);margin:0}.work-item summary .plus{font-size:25px;font-weight:300;color:#569fe9}.work-item[open] .plus{transform:rotate(45deg)}.work-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:0 35px 30px 65px}.work-detail h4{font-size:10px;letter-spacing:2px;color:#7db9f8;margin:0 0 12px;text-transform:uppercase}.work-detail p{font-size:13px;line-height:1.9;color:#b2c1d3;margin:0}.tech-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.tech-tags span{font-size:10px;padding:6px 10px;border:1px solid #293b51;border-radius:3px;color:#95aac4}.github-box{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0c1420}.github-profile{padding:35px;border-right:1px solid var(--line);background:radial-gradient(at top left,#14335a,#0c1420 70%)}.gh-monogram{width:65px;height:65px;background:#163252;border:1px solid #326299;border-radius:50%;display:grid;place-items:center;color:#78baff;font-weight:700;font-size:22px;margin-bottom:23px}.github-profile h3{font-size:22px}.github-profile p{font-size:13px;color:#a4b9d2;line-height:1.9}.github-profile .outline{margin-top:12px}.repo-panel{padding:35px;display:flex;flex-direction:column}.repo-panel .kicker{font-size:9px}.repo-link{font-size:20px;word-break:break-word;line-height:1.5;margin:20px 0 12px}.repo-link:hover{color:var(--blue)}.repo-panel p{font-size:13px;line-height:1.9;color:#a2b5cc}.repo-meta{display:flex;gap:20px;color:#99b2ce;font-size:11px;margin:15px 0}.repo-meta b{color:#df815c}.repo-panel .text-button{margin-top:auto}.fineprint{font-size:10px!important;line-height:1.7!important;color:#7288a3!important;margin-top:22px}.approach{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:30px}.approach-item{border-top:1px solid #34557a;padding-top:20px}.approach-item small{font:11px monospace;color:#509be9}.approach-item h3{font-size:20px;margin:15px 0 12px}.approach-item p{font-size:13px;line-height:1.9;color:var(--muted)}.personal-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.personal-grid .section-intro{max-width:480px}.interests{display:flex;flex-direction:column;gap:0}.interest{border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:15px;padding:23px 0}.interest:last-child{border-bottom:0}.interest-icon{font:22px monospace;color:#69a8eb}.interest h3{font-size:17px;margin:0 0 7px}.interest p{margin:0;font-size:12px;line-height:1.8;color:var(--muted)}.personal-quote{margin-top:28px;padding-left:20px;border-left:2px solid #2f8aff;font-size:18px;line-height:1.6;color:#c1d8f3}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:#61abff}dialog .tech-tags{margin-bottom:25px}nav{gap:25px}summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
@media(max-width:850px){.project-extra{grid-template-columns:1fr 1fr}.github-box{grid-template-columns:1fr 1fr}nav{gap:15px;font-size:12px}.personal-grid{gap:30px}}@media(max-width:600px){.project-extra{grid-template-columns:1fr}.project-small{min-height:230px}.section-block{padding:50px 0}.work-item summary{grid-template-columns:28px 1fr 20px;gap:10px}.work-item summary h3{font-size:18px}.work-detail{grid-template-columns:1fr;padding:0 0 25px 38px;gap:22px}.github-box{grid-template-columns:1fr}.github-profile{border-right:0;border-bottom:1px solid var(--line)}.github-profile,.repo-panel{padding:25px}.approach,.personal-grid{grid-template-columns:1fr;gap:25px}.role-line{font-size:10px}.personal-quote{font-size:17px}.filter{font-size:11px;padding:9px 12px}nav{font-size:14px;gap:22px}.footer-links{width:100%;flex-wrap:wrap}}

/* Shared multi-page layout */
body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}nav a[aria-current=page]{color:#6fb7ff}.page-content{min-height:65vh}.breadcrumb{padding:32px 0 0;font-size:11px;letter-spacing:.5px;color:#7189a5;display:flex;gap:14px}.breadcrumb a:hover{color:#61adff}.inner-page h1{font-size:42px;letter-spacing:-1.7px;line-height:1.15;margin:15px 0 0}.inner-page .section-block,.inner-page .about,.inner-page .contact{border-top:0;padding-top:45px}.inner-page .about{align-items:start}.inner-page #projeler{padding-top:45px}.inner-page .contact{min-height:440px;align-content:center}.inner-page .section-block+.section-block{border-top:1px solid var(--line)}.page-tail{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 0 40px;font-size:13px;color:#8db5e5}.page-tail a:hover{color:white}.home-summary{border-top:1px solid var(--line);padding:55px 0;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.home-summary p{font-size:15px;color:var(--muted);line-height:1.9}.home-links{display:grid;grid-template-columns:1fr 1fr;gap:15px}.home-link{border:1px solid var(--line);padding:23px;border-radius:5px;transition:.2s}.home-link:hover{background:#10243b;border-color:#3775b2}.home-link strong{display:block;font-size:15px;margin-bottom:8px}.home-link span{color:var(--muted);font-size:11px}.more-link{font-size:13px;color:#6bb3ff;white-space:nowrap}.home-featured{padding:55px 0 65px}.home-cta{padding:40px 0 55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center}.home-cta h2{font-size:27px}.home-cta p{font-size:13px;color:var(--muted)}nav{gap:21px}header .outline[aria-current=page]{border-color:#3999ff;color:#6fb7ff}.skip{position:fixed;top:-80px;left:12px;background:#087aff;color:white;padding:12px;z-index:30}.skip:focus{top:10px}@media(max-width:900px){nav{gap:12px;font-size:11px}.home-summary{gap:25px}}@media(max-width:600px){.home-summary{grid-template-columns:1fr}.home-links{gap:10px}.home-link{padding:18px}.inner-page h1{font-size:33px}.inner-page .contact{min-height:370px}.page-tail{font-size:12px}.home-cta{align-items:start;flex-direction:column}nav{gap:22px;font-size:14px}.inner-page .about{padding-top:35px}.section-head .more-link{display:inline-block;margin-top:20px}}
.image-demo{padding:0}.image-demo img{width:100%;height:100%;object-fit:cover}.custom-demo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;text-align:center;padding:20px}.custom-demo span{font:45px monospace;color:#438edb}.custom-demo strong{font-size:21px}.custom-demo small{color:#93b1d3}.profile-photo{width:100px;height:100px;object-fit:cover;border-radius:50%;margin-bottom:20px}.circle{display:grid;place-items:center}.preview-bar{background:#173957;color:#c2e4ff;padding:11px;text-align:center;font-size:12px}.preview-bar a{margin-left:20px;text-decoration:underline}.footer-links{flex-wrap:wrap}#dialog-url[hidden]{display:none}.projects{row-gap:24px}.contact-actions{flex-wrap:wrap}
.brand-dot{color:#3999ff}.github-overview{display:flex;justify-content:space-between;gap:30px;align-items:center;border:1px solid var(--line);padding:30px;border-radius:9px;background:linear-gradient(120deg,#142a46,#0d1521)}.github-identity{display:flex;gap:20px;align-items:center}.github-identity .gh-monogram{margin:0;width:78px;height:78px;display:block;text-align:center;line-height:78px;border-radius:17px;font-size:27px;letter-spacing:-2px}.github-identity .gh-monogram .brand-dot{display:inline}.github-identity h3{margin:0 0 9px}.github-identity p{margin:0;color:#8eadd1;font-size:13px}.github-sync{display:flex;gap:10px;align-items:center;font-size:12px;color:#99afc9;padding:24px 0;line-height:1.7}.github-sync small{display:block;font-size:10px;color:#6985a6}.github-sync b{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:400}.sync-dot{width:7px;height:7px;border-radius:50%;background:#5dd1a5;flex-shrink:0}.sync-dot.sync-warning{background:#e8b36b}.repo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.repo-card{background:#101a28;border:1px solid var(--line);padding:26px;border-radius:8px;display:flex;flex-direction:column;min-height:240px;transition:border-color .2s}.repo-card:hover{border-color:#396fa6}.repo-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.repo-symbol{color:#6aaeff;font-size:25px}.repo-badges{display:flex;gap:7px}.repo-card h2{font-size:21px;line-height:1.5;letter-spacing:-.5px;margin:18px 0 10px;overflow-wrap:anywhere}.repo-title:hover{color:#65adff}.repo-card p{font-size:13px;line-height:1.8;color:#95acc8;margin:0 0 25px}.repo-footer{display:flex;gap:17px;font-size:11px;color:#89a4c5;border-top:1px solid #223149;padding-top:16px;margin-top:auto}.repo-footer span:first-child{margin-right:auto}.repo-empty{grid-column:1/-1;padding:45px;border:1px dashed #2f4764;border-radius:8px;color:#93accb;text-align:center;font-size:14px}.gh-monogram{display:block;line-height:65px;text-align:center}@media(max-width:600px){.github-overview{padding:22px;align-items:start;flex-direction:column;gap:22px}.github-identity h3{font-size:19px}.github-identity .gh-monogram{width:60px;height:60px;line-height:60px;font-size:23px}.repo-grid{grid-template-columns:1fr}.repo-card{padding:23px}.github-sync{font-size:11px}.repo-card h2{font-size:20px}}