@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("fonts/manrope-81401990.woff2") format("woff2")}
@font-face{font-family:"Space Mono";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/space-mono-39187352.woff2") format("woff2")}
@font-face{font-family:"Space Mono";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/space-mono-df899b75.woff2") format("woff2")}

:root{--navy:#07111f;--navy-2:#0c1a2d;--ink:#122033;--muted:#607086;--cyan:#21d4e8;--paper:#f4f7fa;--line:#dfe6ed;--font-manrope:"Manrope";--font-mono:"Space Mono"}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-manrope),sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.nav-wrap{position:fixed;z-index:50;inset:0 0 auto;background:rgba(7,17,31,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;gap:11px;align-items:center;font-size:18px;font-weight:800}.brand-mark{font-family:var(--font-mono);color:var(--cyan);font-size:15px}.accent{color:var(--cyan)}.nav-links{display:flex;gap:34px;font-size:13px;color:#b9c6d6}.nav-links a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--cyan);color:#06111e;border:1px solid var(--cyan);padding:15px 21px;font-size:13px;font-weight:800;letter-spacing:.02em;transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(33,212,232,.2)}.button-small{padding:10px 16px;font-size:12px}
.hero{min-height:780px;background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:145px 0 85px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,#000,transparent 85%)}.hero-glow{position:absolute;width:580px;height:580px;border-radius:50%;background:rgba(23,183,218,.1);filter:blur(80px);right:-160px;top:70px}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.22em;font-family:var(--font-mono);font-size:11px;font-weight:700}.eyebrow{color:#b8c7d9;display:flex;align-items:center;gap:10px}.eyebrow span{width:25px;height:1px;background:var(--cyan)}.hero h1{font-size:clamp(45px,5.5vw,75px);line-height:1.02;letter-spacing:-.055em;margin:24px 0}.hero h1 strong{font-weight:800;color:var(--cyan)}.hero-text{max-width:600px;color:#aebdd0;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin:34px 0 48px}.text-link{font-size:13px;font-weight:700;color:#dce7f2}.text-link span{color:var(--cyan);margin-left:8px}.hero-stats{display:flex;gap:42px;padding-top:27px;border-top:1px solid rgba(255,255,255,.12)}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:var(--font-mono);font-size:21px;color:#fff}.hero-stats span{color:#788ca4;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}.pink{color:#ff7eb6}.cyan{color:#55dff0}.lime{color:#b8e986}.portrait-stage{height:565px;position:relative;display:flex;align-items:flex-end;justify-content:center}.portrait-stage:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:linear-gradient(145deg,rgba(33,212,232,.22),rgba(15,62,89,.12));border:1px solid rgba(74,223,239,.22);bottom:35px;right:0}.portrait-stage:after{content:"";position:absolute;width:360px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);bottom:25px;right:30px;filter:blur(1px)}.portrait-ring{position:absolute;width:485px;height:485px;border-radius:50%;border:1px dashed rgba(33,212,232,.22);bottom:12px;right:-22px;animation:spin 35s linear infinite}.portrait-image{position:relative;z-index:2;width:520px;height:auto;max-height:565px;object-fit:contain;object-position:bottom;filter:drop-shadow(18px 28px 30px rgba(0,0,0,.35))}.portrait-code{position:absolute;z-index:1;top:54px;left:-18px;background:rgba(9,25,42,.82);border:1px solid rgba(77,224,239,.16);border-radius:4px;padding:18px 21px;font:9px/1.9 var(--font-mono);color:#8da3b9;transform:rotate(-3deg);box-shadow:0 22px 55px rgba(0,0,0,.25)}.portrait-badge{position:absolute;z-index:3;right:-8px;bottom:82px;display:flex;align-items:center;gap:11px;background:#fff;color:#122033;padding:12px 16px;box-shadow:0 16px 35px rgba(0,0,0,.26)}.portrait-badge>span{color:#21bf72;font-size:9px}.portrait-badge div{display:flex;flex-direction:column}.portrait-badge strong{font-size:11px}.portrait-badge small{font-size:8px;color:#748397;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.scroll-hint{position:absolute;bottom:28px;left:50%;color:#72869d;font-size:22px;animation:float 2s ease-in-out infinite}
.section{padding:115px 0}.section-kicker{color:#278ca0;margin:0 0 28px}.section h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.045em;line-height:1.1;margin:0}.section h2 span{color:#149db2}.about{background:#fff}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:130px}.about-copy{font-size:16px;line-height:1.85;color:var(--muted)}.about-copy p{margin:0 0 20px}.about-copy strong{color:var(--ink)}.skills{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}.skills span,.project-info li{font:10px var(--font-mono);letter-spacing:.05em;background:#edf3f6;color:#526679;padding:8px 11px}
.projects{background:#edf2f6}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.section-heading>p{max-width:400px;color:var(--muted);font-size:14px;line-height:1.8}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}.project-card{background:#fff;transition:.3s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(12,27,45,.1)}.project-visual{height:285px;position:relative;overflow:hidden;padding:45px 42px}.project-visual.blue{background:linear-gradient(135deg,#1b3857,#09182a)}.project-visual.violet{background:linear-gradient(135deg,#4c3f86,#201d43)}.project-visual.orange{background:linear-gradient(135deg,#e47b38,#6d2e24)}.project-visual.emerald{background:linear-gradient(135deg,#159077,#123c41)}.project-visual.red{background:linear-gradient(135deg,#af2837,#411727)}.project-visual.cyan{background:linear-gradient(135deg,#177f98,#173a58)}.browser{height:190px;background:#f7fafc;border-radius:5px;box-shadow:15px 20px 50px rgba(0,0,0,.25);transform:perspective(800px) rotateY(-5deg)}.browser-top{height:27px;display:flex;align-items:center;gap:4px;padding:0 9px;background:#e4eaf0}.browser-top i{width:5px;height:5px;background:#aab5c0;border-radius:50%}.browser-top span{font:6px var(--font-mono);color:#9aa7b4;margin:auto}.browser-body{height:163px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(220,233,240,.86))}.browser-body small{font:7px var(--font-mono);letter-spacing:.2em;color:#697b8c}.browser-body strong{font-size:19px;color:#172b3b;margin:9px;text-align:center}.fake-button{font:6px var(--font-mono);background:#17a9bc;color:white;padding:7px 11px}.project-number{position:absolute;right:15px;bottom:-10px;font:700 70px var(--font-mono);color:rgba(255,255,255,.1)}.project-info{padding:27px 30px 30px;display:flex;flex:1;flex-direction:column}.project-info>p{font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:#18a3b8;margin:0}.project-info h3{font-size:22px;margin:9px 0 11px}.project-info>div{color:var(--muted);font-size:13px;line-height:1.7}.project-info ul{list-style:none;padding:0;margin:20px 0 0;display:flex;gap:7px;flex-wrap:wrap}.project-info li{padding:6px 8px;font-size:8px}.project-link{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:#168fa2;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.project-link span{font-size:16px;transition:.2s}.project-link:hover span{transform:translate(3px,-3px)}
.services{background:#fff}.services-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:120px}.services-intro p{color:var(--muted);line-height:1.8;margin-top:25px}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:45px 1fr 30px;gap:18px;padding:27px 5px;border-bottom:1px solid var(--line);transition:.2s}.service-list article:hover{padding-left:14px;background:#f7fafb}.service-list>article>span{font:10px var(--font-mono);color:#159db1}.service-list h3{margin:0 0 7px;font-size:18px}.service-list p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.service-list b{color:#16a8bb}
.contact{background:var(--navy);color:#fff;padding:0}.contact-box{padding:100px 70px;background:linear-gradient(110deg,#0b1d31,#0d283d);position:relative;overflow:hidden}.contact-box:after{content:"</>";position:absolute;right:45px;top:10px;font:700 180px var(--font-mono);color:rgba(255,255,255,.025)}.contact-box h2{font-size:clamp(42px,6vw,72px)}.contact-box>p:not(.section-kicker){color:#9fb0c4;max-width:600px;line-height:1.8}.contact-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button-light{background:#fff;border-color:#fff}.contact-actions>span{font-size:11px;color:#74879e}
footer{background:#050d17;color:#fff;padding:55px 0 25px}.footer-grid{display:flex;justify-content:space-between;align-items:center}.footer-grid p{color:#73859a;font-size:12px}.footer-grid>a:last-child{font-size:11px;color:#9aacbf}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:22px;color:#53667b;font-size:9px;letter-spacing:.08em}
@keyframes blink{50%{opacity:0}}@keyframes float{50%{transform:translateY(7px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.nav-links{display:none}.hero{padding-top:130px}.hero-grid,.about-grid,.services-grid{grid-template-columns:1fr;gap:55px}.portrait-stage{max-width:600px;margin:auto;width:100%}.project-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:20px}.about-grid,.services-grid{gap:45px}.contact-box{padding:75px 35px}}
@media(max-width:560px){.container{width:min(100% - 28px,1160px)}.nav{height:68px}.nav .button{display:none}.hero{min-height:auto;padding:120px 0 55px}.hero h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-stats{gap:20px;justify-content:space-between}.hero-stats strong{font-size:16px}.hero-stats span{font-size:8px}.portrait-stage{height:430px;margin-top:-10px}.portrait-stage:before{width:330px;height:330px;right:calc(50% - 165px)}.portrait-ring{width:360px;height:360px;right:calc(50% - 180px)}.portrait-image{width:410px;max-height:430px}.portrait-code{top:30px;left:0;font-size:7px;padding:12px;opacity:.82}.portrait-badge{right:0;bottom:45px}.project-visual{height:235px;padding:35px 20px}.browser{height:165px}.browser-body{height:138px}.section{padding:80px 0}.contact-box{width:100%;padding:70px 24px}.contact-actions,.footer-grid{align-items:flex-start;flex-direction:column}.footer-grid{gap:20px}.contact-box:after{display:none}}

.portrait-image{position:absolute;width:440px;height:440px;right:0;bottom:35px;border:4px solid rgba(82,225,240,.28);border-radius:50%;object-fit:cover;object-position:center;box-shadow:18px 28px 45px rgba(0,0,0,.38);filter:none}
.portrait-stage:before{z-index:0}
@media(max-width:560px){.portrait-image{width:330px;height:330px;right:calc(50% - 165px);bottom:35px}}