:root{--navy:#07111f;--navy-2:#0d1c30;--ink:#132236;--slate:#9eb0c4;--cyan:#21d4e8;--paper:#eef3f7;--line:#dbe4eb}
html{scroll-behavior:smooth;scroll-padding-top:78px}body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}a{text-decoration:none}.text-cyan{color:var(--cyan)!important}.text-slate{color:var(--slate)!important}.mw-620{max-width:620px}
.glass-nav{background:rgba(7,17,31,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);min-height:72px}.brand-code{font-family:monospace;color:var(--cyan);font-size:.82em}.navbar .nav-link{font-size:.88rem;color:#b9c6d6}.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff}
.btn-cyan{background:var(--cyan);border-color:var(--cyan);color:#06111e;font-weight:700}.btn-cyan:hover{background:#6ae5f1;border-color:#6ae5f1;color:#06111e;transform:translateY(-2px)}
.hero{min-height:780px;padding:130px 0 70px;background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,#000,transparent 90%)}.hero:after{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:rgba(33,212,232,.11);filter:blur(100px);right:-180px;top:70px}.hero .container{z-index:1}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.2em;font-family:monospace;font-size:.72rem;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px;color:#bac9da}.eyebrow span{width:28px;height:1px;background:var(--cyan)}.hero h1{letter-spacing:-.055em}.hero h1 strong{color:var(--cyan)}.hero-stats{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;max-width:610px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:monospace;font-size:1.25rem}.hero-stats span{text-transform:uppercase;letter-spacing:.1em;color:#788ba2;font-size:.6rem;margin-top:4px}
.portrait-stage{height:525px;max-width:500px;position:relative;display:flex;align-items:flex-end;justify-content:center}.portrait-circle{position:absolute;width:410px;height:410px;border-radius:50%;bottom:25px;background:linear-gradient(145deg,rgba(33,212,232,.22),rgba(15,62,89,.12));border:1px dashed rgba(74,223,239,.35)}.portrait{position:relative;z-index:2;max-height:525px;object-fit:contain;filter:drop-shadow(18px 28px 30px rgba(0,0,0,.35))}.code-chip{position:absolute;z-index:1;top:70px;left:0;background:rgba(9,25,42,.85);border:1px solid rgba(77,224,239,.18);padding:15px 18px;font:11px monospace;color:#9fb3c8;transform:rotate(-3deg)}.code-chip span{color:#ff7eb6}.availability{position:absolute;z-index:3;right:0;bottom:70px;background:#fff;color:var(--ink);padding:12px 16px;display:flex;gap:10px;align-items:center}.availability i{font-size:.55rem;color:#24bd74}.availability div{display:flex;flex-direction:column}.availability strong{font-size:.8rem}.availability small{text-transform:uppercase;letter-spacing:.08em;color:#718196;font-size:.55rem}
.section{padding:105px 0}.section-label{color:#168fa2;margin-bottom:22px}.section-title{font-size:clamp(2.15rem,4vw,3.3rem);font-weight:750;line-height:1.1;letter-spacing:-.045em}.section-title span{color:#149db2}.skill-badge{background:#edf3f6;color:#526679;padding:8px 12px;font:700 .68rem monospace;letter-spacing:.04em}
.projects-section{background:var(--paper)}.filter-panel{background:#fff;border:1px solid var(--line)}.filter-btn{border:1px solid var(--line);background:#fff;color:#526679;font-size:.75rem;font-weight:700}.filter-btn.active,.filter-btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}.project-card{height:100%;border:0;border-radius:0;box-shadow:0 10px 25px rgba(13,35,56,.06);transition:.25s;overflow:hidden}.project-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(13,35,56,.12)}.project-cover{height:210px;padding:30px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.cover-blue{background:linear-gradient(135deg,#1b3857,#09182a)}.cover-violet{background:linear-gradient(135deg,#4c3f86,#201d43)}.cover-orange{background:linear-gradient(135deg,#e47b38,#6d2e24)}.cover-emerald{background:linear-gradient(135deg,#159077,#123c41)}.cover-red{background:linear-gradient(135deg,#af2837,#411727)}.cover-cyan{background:linear-gradient(135deg,#177f98,#173a58)}.browser-mock{width:88%;height:145px;background:#f7fafc;box-shadow:12px 18px 35px rgba(0,0,0,.25);transform:perspective(700px) rotateY(-5deg)}.browser-bar{height:24px;background:#e4eaf0;display:flex;align-items:center;gap:4px;padding:0 9px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#aab5c0}.browser-bar span{font:6px monospace;color:#8c9aa8;margin-left:auto}.browser-content{height:121px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.browser-content small{font:7px monospace;letter-spacing:.16em;color:#687b8d}.browser-content strong{font-size:1rem;margin:8px;color:#172b3b}.project-number{position:absolute;right:12px;bottom:-10px;font:700 4rem monospace;color:rgba(255,255,255,.11)}.project-card .card-body{display:flex;flex-direction:column;padding:25px}.project-category{font:700 .62rem monospace;letter-spacing:.16em;text-transform:uppercase;color:#159db1}.project-description{font-size:.86rem;color:#657589;line-height:1.7}.tag{font:700 .58rem monospace;background:#edf3f6;color:#526679;padding:6px 8px}.project-visit{border-top:1px solid var(--line);padding-top:16px;margin-top:auto;color:#168fa2;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.empty-state{padding:70px 20px;color:#718196}
.service-item{display:grid;grid-template-columns:45px 1fr 25px;gap:15px;padding:25px 5px;border-top:1px solid var(--line)}.service-item:last-child{border-bottom:1px solid var(--line)}.service-item>span{font:700 .65rem monospace;color:#159db1}.service-item h3{font-size:1.1rem}.service-item p{font-size:.8rem;color:#657589;margin:0}.service-item i{color:#159db1}.contact-section{background:var(--navy);color:#fff}.contact-box{padding:90px 65px;background:linear-gradient(115deg,#0b1d31,#0d283d);position:relative;overflow:hidden}.contact-box:after{content:"</>";position:absolute;right:30px;top:-5px;font:700 11rem monospace;color:rgba(255,255,255,.025)}.site-footer{background:#050d17}.back-to-top{position:fixed;z-index:30;right:20px;bottom:20px;width:43px;height:43px;border:0;background:var(--cyan);color:var(--ink);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}.back-to-top.show{opacity:1;visibility:visible;transform:none}
@media(max-width:991.98px){.hero{padding-top:115px}.navbar-collapse{padding:15px 0}.portrait-stage{margin-top:20px}.section{padding:80px 0}.contact-box{padding:70px 35px}}
@media(max-width:575.98px){.hero{padding-top:105px}.hero h1{font-size:2.8rem}.portrait-stage{height:410px}.portrait-circle{width:320px;height:320px}.portrait{max-height:410px}.code-chip{top:45px;font-size:8px;padding:10px}.availability{bottom:45px}.section{padding:70px 0}.contact-box{padding:60px 22px}.contact-box:after{display:none}}