:root{--bg:#0b1020;--surface:#10172a;--surface-2:#141d32;--line:rgba(168,186,220,.13);--text:#edf2ff;--muted:#9aa8c2;--dim:#65738e;--cyan:#62e5d2;--blue:#7c9dff;--purple:#bd8cff;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1120px,calc(100% - 56px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:20px;padding:10px 16px;background:var(--cyan);color:var(--bg);z-index:20}.skip-link:focus{top:10px}.site-header{height:78px;border-bottom:1px solid rgba(168,186,220,.08);position:sticky;top:0;z-index:10;background:rgba(11,16,32,.88);backdrop-filter:blur(16px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.5px;font-size:16px}.brand-mark{font:500 16px var(--mono);color:var(--cyan)}.brand-muted{color:#74819a;font-weight:500}.nav-links{display:flex;align-items:center;gap:34px;font-size:12px;color:#aab5ca}.nav-links>a:not(.nav-cta):hover,.text-link:hover{color:var(--cyan)}.nav-cta{border:1px solid rgba(98,229,210,.4);padding:9px 14px;color:var(--cyan);border-radius:5px}.nav-cta span{padding-left:8px}.menu-toggle{display:none}.hero{min-height:650px;padding-top:106px;padding-bottom:95px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:60px;position:relative}.hero:before{content:"";position:absolute;width:520px;height:520px;left:-240px;top:10px;background:radial-gradient(circle,rgba(77,115,216,.12),transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:1}.eyebrow{font:400 10px var(--mono);letter-spacing:1.7px;color:#8f9db7;margin:0 0 20px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:9px;box-shadow:0 0 12px rgba(98,229,210,.65);vertical-align:1px}.hero h1{font-size:clamp(48px,6.4vw,76px);line-height:1.07;letter-spacing:-4px;margin:0;font-weight:700}.gradient-text{background:linear-gradient(100deg,var(--cyan),#82c9ff 48%,#b49aff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lede{max-width:450px;color:#a0adc5;font-size:15px;margin:25px 0 28px;line-height:1.9}.hero-lede strong{color:#e8efff;font-weight:700}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;gap:19px;padding:12px 17px;border-radius:5px;font-size:12px;font-weight:700}.button-primary{color:#07131c;background:linear-gradient(105deg,#63e7d3,#8be3de);box-shadow:0 7px 25px rgba(67,207,192,.1);transition:transform .2s,box-shadow .2s}.button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(67,207,192,.23)}.button span{font-size:16px}.text-link{font-size:12px;color:#cad4e6}.text-link span{color:var(--cyan);padding-left:5px}.hero-note{display:flex;align-items:center;gap:13px;margin-top:46px;color:#7886a1;font:10px var(--mono)}.hero-note b{color:#c2cce0;font-weight:400}.note-line{height:1px;width:27px;background:#384762}.terminal-wrap{position:relative;padding:27px 0 28px}.terminal-glow{position:absolute;inset:10% 5%;background:radial-gradient(ellipse,rgba(64,101,199,.19),transparent 70%);filter:blur(20px)}.terminal{position:relative;border:1px solid rgba(137,161,207,.22);border-radius:9px;background:#0d1425;box-shadow:0 22px 70px rgba(0,0,0,.3);overflow:hidden;transform:perspective(900px) rotateY(-3deg) rotateX(1deg)}.terminal-bar{height:43px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;color:#687690;font:10px var(--mono)}.window-dots{display:flex;gap:6px;padding-left:15px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#ed706b}.window-dots i:nth-child(2){background:#e7bd5f}.window-dots i:nth-child(3){background:#5bc795}.terminal-lock{text-align:right;padding-right:15px;color:#75829a;font-size:15px}.terminal-body{padding:22px 25px 20px;color:#d6ddef;font:10px/2 var(--mono);white-space:nowrap}.terminal-body p{margin:0}.terminal-muted{color:#586782}.prompt{color:#75ddca}.path{color:#91a9fc}.terminal-green{color:#8494ad}.terminal-spacer{margin-top:14px!important}.terminal-blue{color:#7da2ff;padding-right:7px}.terminal-success{color:#63e4c1;margin-top:8px!important}.terminal-success span{font-size:14px;padding-right:5px}.terminal-url{color:#8492ac;padding-left:19px}.cursor{display:inline-block;height:12px;width:6px;background:var(--cyan);vertical-align:-2px;animation:blink 1s steps(2,start) infinite}.terminal-footer{border-top:1px solid var(--line);height:37px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#65728c;font:9px var(--mono)}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#65dcbc;margin-right:6px}.float-card{position:absolute;right:-25px;bottom:0;display:flex;gap:11px;align-items:center;border:1px solid rgba(143,166,210,.17);background:#141d30;padding:12px 15px;border-radius:7px;box-shadow:0 12px 35px rgba(0,0,0,.25)}.float-icon{display:grid;place-items:center;background:rgba(124,157,255,.14);color:#9db2ff;width:33px;height:33px;border-radius:5px;font-size:19px}.float-card b,.float-card small{display:block}.float-card b{font-size:10px}.float-card small{font-size:9px;color:#8290aa}.float-spark{color:var(--cyan);font-size:13px;margin-left:8px}.scroll-cue{position:absolute;bottom:26px;left:0;color:#697691;font:9px var(--mono);letter-spacing:1.5px;display:flex;align-items:center;gap:12px}.scroll-cue span{height:30px;width:1px;background:linear-gradient(var(--cyan),transparent)}.section{padding:100px 0}.about-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(105deg,rgba(20,29,50,.45),transparent 70%)}.two-column{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.section h2,.contact-section h2{font-size:clamp(32px,4.2vw,46px);line-height:1.2;letter-spacing:-2px;margin:0;font-weight:700}.muted-heading{color:#7887a3}.about-content>p{color:#9eacc4;margin:0 0 17px;font-size:13px;line-height:1.95}.about-facts{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;gap:36px}.about-facts>div{display:flex;gap:11px;align-items:center}.fact-icon{font-size:21px;color:var(--cyan)}.about-facts b,.about-facts small{display:block}.about-facts b{font-size:10px}.about-facts small{font-size:9px;color:#8491aa}.skills-section{background:#0d1322}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{font-size:36px}.section-aside{font-size:11px;color:#7886a0;margin:0 0 4px;line-height:1.8}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.skill-card{background:linear-gradient(145deg,rgba(22,32,53,.92),rgba(16,24,41,.8));border:1px solid var(--line);padding:22px 20px 19px;border-radius:7px;min-height:230px;transition:border-color .2s,transform .2s}.skill-card:hover{border-color:rgba(98,229,210,.35);transform:translateY(-3px)}.skill-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.skill-icon{height:37px;width:37px;display:grid;place-items:center;border-radius:7px;font-size:18px}.icon-git{color:#ff9975;background:rgba(255,135,103,.12)}.icon-linux{color:#e7c66e;background:rgba(231,198,110,.12)}.icon-aws{color:#ffb866;background:rgba(255,184,102,.12)}.icon-web{color:#75ddca;background:rgba(117,221,202,.12);font:11px var(--mono)}.skill-index{font:9px var(--mono);color:#55627c}.skill-card h3{font-size:14px;margin:0 0 8px}.skill-card p{font-size:10px;color:#8593ac;line-height:1.8;min-height:55px;margin:0 0 17px}.skill-tags,.project-stack{display:flex;flex-wrap:wrap;gap:6px}.skill-tags span,.project-stack span{font:8px var(--mono);color:#96a4be;border:1px solid rgba(154,174,213,.15);padding:4px 7px;border-radius:3px}.learning-note{margin:22px 0 0;text-align:center;color:#8491a8;font-size:10px}.learning-note span{color:var(--cyan);padding-right:6px}.projects-section{background:#0b1020}.project-card{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#11192b}.project-visual{min-height:355px;background:radial-gradient(ellipse at 60% 45%,rgba(49,75,143,.46),transparent 58%),linear-gradient(135deg,#111d35,#0d1425);position:relative;display:grid;place-items:center;overflow:hidden}.project-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(142,164,208,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(142,164,208,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.browser-window{width:72%;height:240px;background:#f5f7fb;border-radius:7px;position:relative;box-shadow:0 22px 58px rgba(0,0,0,.38);transform:rotate(-3deg);overflow:hidden}.browser-top{height:24px;background:#e9edf5;display:flex;align-items:center;gap:4px;padding:0 9px}.browser-top span{height:5px;width:5px;border-radius:50%;background:#f0807b}.browser-top span:nth-child(2){background:#edc96b}.browser-top span:nth-child(3){background:#75c99a}.browser-top i{height:7px;width:52%;margin-left:13px;border-radius:7px;background:#d6dce8}.browser-content{position:relative;height:calc(100% - 24px);padding:14px 20px;background:linear-gradient(120deg,#fafbff,#e9f2ff)}.mini-nav{display:flex;align-items:center;gap:13px;color:#8d9ab4}.mini-nav b{font:800 12px var(--sans);color:#1d2942;margin-right:auto}.mini-nav b span{color:#43cbbb}.mini-nav i{width:20px;height:3px;border-radius:3px;background:#d1d9e8}.mini-copy{position:relative;z-index:2;margin-top:27px}.mini-copy small{display:block;font:7px var(--mono);letter-spacing:1px;color:#7687a7}.mini-copy strong{display:block;color:#172542;font-size:24px;line-height:1.15;letter-spacing:-1px;margin:6px 0}.mini-copy em{display:block;height:3px;width:75px;margin:4px 0;background:#c8d4e8;border-radius:4px}.mini-copy em+em{width:55px}.mini-copy button{display:block;margin-top:12px;width:55px;height:14px;border:0;border-radius:3px;background:#45cbb9}.mini-orb{position:absolute;right:23px;top:37px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c7d8ff,#7292eb 45%,#8c65c9 75%);box-shadow:0 13px 26px rgba(87,105,177,.28)}.visual-label{position:absolute;left:19px;bottom:16px;color:#8090ad;font:8px var(--mono);letter-spacing:1px}.project-info{padding:40px 37px;display:flex;flex-direction:column;justify-content:center}.project-type{font:9px var(--mono);letter-spacing:1px;color:#8a99b4;margin:0 0 14px}.project-info h3{font-size:22px;letter-spacing:-.8px;margin:0 0 12px}.project-info>p:not(.project-type){font-size:11px;line-height:1.9;color:#94a1b8;margin:0 0 18px}.project-stack{margin-bottom:24px}.project-links{display:flex;gap:23px;font-size:10px;font-weight:700}.project-links a{color:#c9d4e8}.project-links a:hover{color:var(--cyan)}.project-links span{color:var(--cyan);padding-left:4px}.coming-soon{margin-top:14px;border:1px dashed rgba(147,168,205,.2);padding:15px 18px;border-radius:6px;display:flex;align-items:center;gap:13px}.coming-icon{width:30px;height:30px;border-radius:5px;display:grid;place-items:center;color:var(--cyan);background:rgba(98,229,210,.08);font-size:18px}.coming-soon b,.coming-soon small{display:block}.coming-soon b{font-size:10px}.coming-soon small{font-size:9px;color:#8592a9}.coming-status{margin-left:auto;color:#8796b0;font:8px var(--mono);letter-spacing:1px}.journey-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(105deg,#10182a,#0b1020 68%)}.journey-layout{gap:100px}.journey-intro{font-size:12px;color:#8d9ab2;line-height:1.9;max-width:300px;margin-top:22px}.timeline{position:relative}.timeline:before{content:"";position:absolute;top:16px;bottom:17px;left:16px;width:1px;background:linear-gradient(var(--cyan),rgba(135,157,202,.13) 65%)}.timeline-item{display:grid;grid-template-columns:34px 1fr auto;gap:14px;position:relative;margin-bottom:23px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:relative;z-index:1;width:33px;height:33px;border-radius:50%;border:1px solid #35415b;background:#11192a;display:grid;place-items:center;color:#8794ad;font:9px var(--mono)}.timeline-item.done .timeline-marker,.timeline-item.active .timeline-marker{border-color:var(--cyan);color:var(--cyan);background:#102128}.timeline-item small{font:8px var(--mono);letter-spacing:1.1px;color:#8190aa}.timeline-item h3{font-size:12px;margin:3px 0 2px}.timeline-item p{font-size:10px;color:#8491a8;margin:0}.timeline-state{align-self:start;margin-top:10px;color:#71809b;font:8px var(--mono);letter-spacing:.8px}.timeline-item.active .timeline-state{color:var(--cyan)}.contact-section{padding:92px 0;background:radial-gradient(ellipse at 78% 52%,rgba(62,82,151,.2),transparent 45%),#0d1322}.contact-inner{display:flex;align-items:center;justify-content:space-between}.contact-section h2{font-size:43px}.contact-section>div>div:first-child>p:not(.eyebrow){color:#909eb6;font-size:12px;margin:17px 0 21px}.contact-aside{width:280px;height:205px;position:relative;display:grid;place-items:center}.contact-orbit{position:absolute;border:1px solid rgba(130,158,219,.16);border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:230px;height:95px}.orbit-two{width:165px;height:165px;border-color:rgba(98,229,210,.16)}.contact-symbol{z-index:1;padding:10px 17px;border:1px solid rgba(98,229,210,.28);border-radius:5px;background:#111c2d;color:var(--cyan);font:13px var(--mono);box-shadow:0 0 35px rgba(98,229,210,.1)}.contact-aside small{position:absolute;bottom:4px;text-align:center;color:#71809d;letter-spacing:1.1px;font:8px/1.7 var(--mono)}.footer{border-top:1px solid var(--line);background:#0a0f1d}.footer-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;color:#78859d;font-size:9px}.footer .brand{color:#dce5f5;font-size:13px}.footer .brand-mark{font-size:14px}.footer-heart{color:#75daca}.back-top{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;color:var(--cyan);font-size:15px}@keyframes blink{to{visibility:hidden}}@media(max-width:850px){.hero{gap:28px;grid-template-columns:1fr 1fr}.hero h1{font-size:58px}.terminal-body{padding:18px 15px;font-size:9px}.float-card{right:-8px}.two-column{gap:50px}.skill-grid{grid-template-columns:repeat(2,1fr)}.project-info{padding:30px 25px}.contact-aside{width:230px}}@media(max-width:650px){.shell{width:min(100% - 38px,500px)}.site-header{height:66px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);background:transparent;padding:10px;border-radius:4px}.menu-toggle span{width:17px;height:1px;background:#d7e0f2}.nav-links{display:none;position:absolute;top:65px;left:0;right:0;padding:20px 22px 24px;background:#0e1526;border-bottom:1px solid var(--line);align-items:stretch;gap:17px}.nav-links.open{display:flex;flex-direction:column}.nav-cta{text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:75px;padding-bottom:82px;gap:25px}.hero h1{font-size:clamp(48px,13vw,65px);letter-spacing:-3px}.hero-lede{font-size:13px}.hero-note{margin-top:31px}.terminal-wrap{margin:0 5px 5px}.terminal{transform:none}.terminal-body{font-size:9px;padding:17px 14px}.float-card{right:-10px}.scroll-cue{bottom:16px}.section{padding:72px 0}.two-column{grid-template-columns:1fr;gap:28px}.section h2,.contact-section h2{font-size:36px}.about-content>p{font-size:12px}.about-facts{gap:19px}.about-facts small{font-size:8px}.section-heading{align-items:start;gap:18px;flex-direction:column;margin-bottom:26px}.section-heading h2{font-size:31px}.section-aside br{display:none}.skill-grid{gap:9px}.skill-card{padding:17px 14px;min-height:245px}.skill-card p{font-size:9px}.project-card{grid-template-columns:1fr}.project-visual{min-height:270px}.browser-window{height:205px}.project-info{padding:27px 21px}.project-info h3{font-size:20px}.project-links{gap:16px}.coming-soon{align-items:flex-start}.coming-status{font-size:7px;padding-top:4px}.journey-layout{gap:35px}.timeline-item{grid-template-columns:34px 1fr;gap:11px}.timeline-state{grid-column:2;margin-top:-18px;margin-bottom:8px}.contact-section{padding:72px 0 54px}.contact-inner{display:block}.contact-section h2{font-size:37px}.contact-aside{margin:28px auto 0}.footer-inner{padding:17px 0;gap:12px;flex-wrap:wrap}.footer-inner>span:nth-child(2){order:3;width:100%}.footer-inner>span:nth-child(3){margin-left:auto}.back-top{order:2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}