:root{color-scheme:dark;--bg:#080d13;--panel:#101821;--panel2:#131e29;--text:#edf5f7;--muted:#9badb9;--line:#2b3b48;--mint:#b8ff76;--cyan:#6ee8e5;--coral:#ff8e78;--violet:#b5a1ff;font-family:'Space Grotesk',Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:80;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.15' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.1}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{font:inherit}.skip-link{position:fixed;top:-80px;left:20px;background:var(--mint);color:#0b1307;padding:12px 18px;z-index:100}.skip-link:focus{top:10px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(22px,4vw,74px);position:absolute;inset:0 0 auto;z-index:40;border-bottom:1px solid rgba(177,205,211,.14)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:210px}.brand-mark{font-size:27px;font-weight:700;letter-spacing:-.1em}.brand-mark span,.accent{color:var(--mint)}.brand-name{font:500 9px/1.35 'DM Mono',monospace;letter-spacing:.12em;color:#a2b2bb}.site-header nav{display:flex;gap:clamp(16px,2.5vw,40px)}.site-header nav a,.lang-switch{font:500 11px/1 'DM Mono',monospace;letter-spacing:.11em;text-transform:uppercase;color:#c5d2d7;transition:color .25s}.site-header nav a:hover,.lang-switch:hover{color:var(--mint)}.lang-switch{min-width:92px;text-align:right}.lang-switch span{margin-left:5px;color:var(--mint)}.hero{min-height:760px;height:min(870px,100svh);position:relative;overflow:hidden;background:radial-gradient(ellipse 45% 55% at 78% 49%,#132936 0%,#0d1820 47%,transparent 78%),radial-gradient(ellipse 50% 80% at 5% 100%,#17201a 0%,transparent 70%),#080d13}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,19,.92) 0%,rgba(8,13,19,.5) 43%,rgba(8,13,19,.05) 100%);z-index:2;pointer-events:none}.hero::after{content:'';position:absolute;width:800px;height:800px;border:1px solid rgba(153,230,226,.11);border-radius:50%;right:-130px;top:50%;transform:translateY(-50%);box-shadow:0 0 0 110px rgba(153,230,226,.028),0 0 0 220px rgba(153,230,226,.018);pointer-events:none}.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-inner{max-width:1600px;height:100%;margin:auto;padding:82px clamp(22px,4vw,74px) 84px;position:relative;z-index:5;display:flex;align-items:center}.hero-copy{position:relative;z-index:10;width:min(700px,58%)}.eyebrow,.section-index,.hero-bottom,.universe-label,.project-meta,.project-foot,.timeline-date,.role,.skill-number,.skill-panel h3,.education-note,.contact-details,.site-footer{font-family:'DM Mono',monospace}.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.18em;color:#b4c5cb;margin:0 0 32px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(184,255,118,.12),0 0 20px var(--mint);flex:none}.hero h1{font-weight:600;font-size:clamp(64px,7vw,118px);line-height:.94;letter-spacing:-.085em;margin:0;max-width:780px}.hero h1 em,.contact-inner h2 em{font-style:normal;color:var(--mint)}.hero-description{font-size:clamp(16px,1.4vw,20px);line-height:1.55;color:#b8c8cf;max-width:500px;margin:35px 0 35px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;font:500 12px/1 'DM Mono',monospace;letter-spacing:.035em;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-primary{padding:19px 22px;background:var(--mint);color:#111a12;min-width:194px}.button-primary:hover{background:#d2ffab}.button-text{padding:18px 0;color:#d7e4e6;border-bottom:1px solid #678182}.button-text:hover{color:var(--mint)}.hero-bottom{position:absolute;z-index:10;bottom:0;left:clamp(22px,4vw,74px);right:clamp(22px,4vw,74px);border-top:1px solid rgba(180,217,222,.16);height:64px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;color:#7f969f}.hero-bottom>span:first-child{color:var(--mint)}.hero-bottom>span:first-child span{margin-left:15px}.universe-label{position:absolute;left:71%;top:24%;color:#81a8ad;font-size:9px;letter-spacing:.2em;display:flex;align-items:center;gap:12px;transform:translateX(-50%)}.orbit-pulse{height:8px;width:8px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 5px rgba(110,232,229,.08)}.universe-node{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 13px 9px 9px;background:rgba(14,30,37,.85);border:1px solid rgba(131,225,219,.42);backdrop-filter:blur(12px);color:#dceeed;box-shadow:0 12px 35px rgba(0,0,0,.22);font:500 10px/1 'DM Mono',monospace;letter-spacing:.04em;white-space:nowrap;transition:transform .25s,border-color .25s,box-shadow .25s}.universe-node:hover{transform:translateY(-5px) scale(1.04);border-color:var(--mint);box-shadow:0 0 25px rgba(184,255,118,.15)}.node-icon{display:grid;place-items:center;width:24px;height:24px;background:rgba(184,255,118,.14);color:var(--mint);font-size:15px}.node-secops{left:72%;top:37%}.node-attack{left:58%;top:60%}.node-akemir{left:80%;top:67%}.node-camline{left:87%;top:47%}.section{max-width:1600px;margin:auto;padding:clamp(96px,11vw,170px) clamp(22px,4vw,74px)}.section-heading{display:grid;grid-template-columns:26% 1fr;align-items:start;gap:25px;margin-bottom:55px}.section-index{font-size:10px;letter-spacing:.15em;color:var(--mint);margin:15px 0 0}.section-heading h2{font-size:clamp(44px,6vw,86px);line-height:1.04;letter-spacing:-.07em;font-weight:600;margin:0}.section-heading p:not(.section-index){font-size:17px;line-height:1.6;color:var(--muted);max-width:550px;margin:22px 0 0}.work-section{padding-bottom:100px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card{background:var(--panel);border:1px solid #2b3a45;min-width:0;transition:transform .3s,border-color .3s,box-shadow .3s}.project-card:hover{transform:translateY(-7px);border-color:#5d817e;box-shadow:0 24px 55px rgba(0,0,0,.2)}.project-art{height:clamp(220px,27vw,370px);position:relative;overflow:hidden;display:grid;place-items:center;border-bottom:1px solid #2b3a45}.project-art::before,.project-art::after{content:'';position:absolute;inset:auto;border-radius:50%;pointer-events:none}.project-art::before{width:260px;height:260px;border:1px solid currentColor;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 77px rgba(255,255,255,.018);opacity:.4}.project-art::after{width:500px;height:1px;background:currentColor;transform:rotate(-35deg);opacity:.15}.art-glyph{font-size:clamp(90px,11vw,170px);font-weight:400;line-height:1;position:relative;z-index:2;filter:drop-shadow(0 0 35px currentColor);transition:transform .5s}.project-card:hover .art-glyph{transform:scale(1.13) rotate(-8deg)}.art-index{position:absolute;z-index:2;bottom:21px;left:25px;font:10px 'DM Mono',monospace;letter-spacing:.2em;color:#e0f1ee}.art-secops{color:var(--mint);background:radial-gradient(circle at 50% 54%,#273f25 0%,#10201c 36%,#0c171a 72%)}.art-attack{color:var(--cyan);background:radial-gradient(circle at 48% 46%,#19414a 0%,#132a37 39%,#0d1b28 75%)}.art-akemir{color:var(--violet);background:radial-gradient(circle at 50% 50%,#34294e 0%,#201d36 42%,#121827 78%)}.art-camline{color:var(--coral);background:radial-gradient(circle at 50% 50%,#54302f 0%,#2d232d 39%,#171a26 78%)}.project-body{padding:26px 29px 30px}.project-meta{display:flex;justify-content:space-between;color:var(--mint);font-size:10px;letter-spacing:.12em}.project-body h3{font-size:clamp(27px,2.5vw,39px);letter-spacing:-.055em;margin:22px 0 11px;font-weight:600}.project-body p{color:#a9bdc6;line-height:1.58;max-width:550px;font-size:15px;min-height:71px;margin:0 0 30px}.project-foot{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;letter-spacing:.04em;color:#8da3ad}.project-foot a{color:var(--text);white-space:nowrap}.project-foot a:hover{color:var(--mint)}.experience-section{background:#0c131a;max-width:none}.experience-section>.section-heading,.timeline{max-width:1452px;margin-left:auto;margin-right:auto}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:25% 1fr 30px;gap:25px;border-bottom:1px solid var(--line);padding:38px 0 42px}.timeline-date{font-size:11px;letter-spacing:.1em;color:var(--mint);padding-top:10px}.timeline-item h3{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.045em;margin:0 0 4px}.timeline-item .role{font-size:11px;letter-spacing:.02em;color:var(--cyan);margin:0 0 18px}.timeline-item p:last-child{line-height:1.6;color:var(--muted);max-width:740px;margin:0;font-size:15px}.timeline-arrow{font-size:24px;color:#628087}.skills-section{padding-bottom:130px}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.skill-panel{position:relative;min-height:300px;padding:27px;background:linear-gradient(155deg,#17252c,#111a22);border:1px solid #2e414b;display:flex;flex-direction:column}.skill-panel:nth-child(2){background:linear-gradient(155deg,#1d2534,#121a28)}.skill-panel:nth-child(3){background:linear-gradient(155deg,#23252c,#171c25)}.skill-number{font-size:10px;letter-spacing:.13em;color:#8aa2aa}.skill-symbol{margin:auto 0;align-self:flex-end;font-size:70px;line-height:1;color:var(--mint);font-weight:500;letter-spacing:-.13em}.skill-panel:nth-child(2) .skill-symbol{color:var(--cyan)}.skill-panel:nth-child(3) .skill-symbol{color:var(--coral)}.skill-panel h3{font-size:12px;letter-spacing:.15em;color:var(--text);margin:0 0 12px}.skill-panel p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.education-note{margin:38px 0 0;color:#adc0c7;font-size:11px;line-height:1.7;display:flex;align-items:center;gap:15px}.contact-section{position:relative;background:#142127;overflow:hidden;min-height:690px;padding:110px clamp(22px,4vw,74px)}.contact-section::before{content:'';position:absolute;width:800px;height:800px;border:1px solid rgba(184,255,118,.12);border-radius:50%;right:-200px;top:-60px;box-shadow:0 0 0 110px rgba(184,255,118,.03),0 0 0 230px rgba(184,255,118,.02)}.contact-glow{position:absolute;width:550px;height:550px;border-radius:50%;background:#35513e;filter:blur(180px);right:2%;top:5%;opacity:.25}.contact-inner{max-width:1452px;margin:auto;position:relative;z-index:1}.contact-inner h2{font-size:clamp(70px,9vw,145px);line-height:.96;letter-spacing:-.085em;font-weight:600;margin:45px 0 26px}.contact-inner>p:not(.section-index){font-size:18px;line-height:1.55;color:#b9cbce;max-width:600px}.contact-link{display:inline-flex;align-items:center;gap:75px;background:var(--mint);padding:20px 25px;color:#112019;font:500 13px 'DM Mono',monospace;margin:25px 0 76px;transition:transform .25s,background .25s}.contact-link:hover{transform:translateY(-5px);background:#d1ffae}.contact-details{border-top:1px solid #5b6f70;padding-top:23px;display:flex;gap:30px;flex-wrap:wrap;font-size:11px;color:#cbdcdd}.contact-details a:hover{color:var(--mint)}.site-footer{padding:28px clamp(22px,4vw,74px);display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.05em;color:#7f969e}.site-footer a:hover{color:var(--mint)}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.hero-copy{width:70%}.hero h1{font-size:clamp(62px,8vw,94px)}.universe-node{font-size:9px}.node-attack{left:65%}.node-camline{left:84%}.site-header nav{gap:16px}.brand{min-width:150px}}
@media(max-width:760px){html{scroll-padding-top:65px}.site-header{height:66px;padding:0 20px;gap:12px}.brand{min-width:auto}.brand-name{display:none}.brand-mark{font-size:25px}.site-header nav{gap:13px;overflow:auto;scrollbar-width:none}.site-header nav a,.lang-switch{font-size:9px;white-space:nowrap}.site-header nav a:nth-child(3){display:none}.lang-switch{min-width:auto}.hero{height:auto;min-height:960px}.hero::before{background:linear-gradient(180deg,rgba(8,13,19,.1),rgba(8,13,19,.15) 40%,#080d13 90%)}.hero::after{width:480px;height:480px;top:28%;right:-230px}.hero-inner{height:960px;padding:130px 22px 130px;display:block}.hero-copy{width:100%;max-width:650px}.hero h1{font-size:clamp(57px,11vw,86px)}.hero-description{font-size:16px;max-width:420px;margin:25px 0 28px}.universe-label{display:none}.universe-node{font-size:9px;padding:6px 8px 6px 6px}.node-icon{width:20px;height:20px}.node-secops{top:auto;bottom:230px;left:60%}.node-attack{top:auto;bottom:185px;left:13%}.node-akemir{top:auto;bottom:120px;left:60%}.node-camline{top:auto;bottom:95px;left:22%}.hero-bottom{left:22px;right:22px;height:52px}.hero-coordinates{display:none}.section{padding:95px 22px}.section-heading{display:block;margin-bottom:35px}.section-index{margin:0 0 22px}.section-heading h2{font-size:clamp(48px,9vw,70px)}.section-heading p:not(.section-index){font-size:15px;margin-top:15px}.project-grid{grid-template-columns:1fr;gap:16px}.project-art{height:275px}.project-body{padding:23px}.project-body p{min-height:0}.timeline-item{grid-template-columns:1fr 20px;gap:10px;padding:30px 0}.timeline-date{grid-column:1/-1;padding:0;margin-bottom:8px}.timeline-item h3{font-size:28px}.skill-grid{grid-template-columns:1fr}.skill-panel{min-height:225px}.skill-symbol{font-size:55px}.contact-section{min-height:620px;padding:95px 22px}.contact-inner h2{font-size:clamp(63px,11vw,95px)}.contact-details{gap:18px}.site-footer{padding:25px 22px;flex-wrap:wrap}.site-footer span:nth-child(2){display:none}}
@media(max-width:420px){.site-header nav a:nth-child(2){display:none}.hero h1{font-size:clamp(55px,13vw,72px)}.hero-actions{gap:10px}.button{font-size:11px}.button-primary{min-width:175px}.button-text{padding:17px 0}.node-secops{left:60%}.node-akemir{left:57%}.contact-inner h2{font-size:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}.universe-node:hover,.project-card:hover,.contact-link:hover,.button:hover{transform:none}}