html { scroll-behavior:smooth; }
body { overflow-x:hidden; }
.nav-link { position:relative; padding:.25rem 0; font-size:.875rem; font-weight:600; letter-spacing:.025em; color:#cbd5e1; transition:.3s; }
html:not(.dark) .nav-link { color:#334155; }
.nav-link:hover { color:#00f2fe; }
.nav-link:after { content:""; position:absolute; bottom:0; left:0; width:0; height:2px; border-radius:99px; background:linear-gradient(90deg,#0056d6,#00f2fe); transition:.3s; }
.nav-link:hover:after { width:100%; }
.mobile-link { display:block; font-size:1rem; font-weight:600; color:#1e293b; padding:.25rem 0; }
.dark .mobile-link { color:#e2e8f0; }
.gradient-btn,.secondary-btn { display:inline-flex; align-items:center; gap:.625rem; font-weight:700; transition:.3s; border:1px solid rgba(255,255,255,.2); }
.gradient-btn { color:#fff; background:linear-gradient(90deg,#0056d6,#0076fe,#2563eb); box-shadow:0 8px 25px rgba(0,86,214,.16); }
.gradient-btn:hover { transform:translateY(-1px); box-shadow:0 12px 32px rgba(0,242,254,.2); }
.secondary-btn { color:#0f172a; background:#fff; border-color:#cbd5e1; }
.dark .secondary-btn { color:#fff; background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.15); }
.secondary-btn:hover { background:#f1f5f9; }
.dark .secondary-btn:hover { background:rgba(255,255,255,.1); }
.tech-grid-pattern { background-size:32px 32px; background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px); }
.tech-grid-pattern-light { background-size:32px 32px; background-image:linear-gradient(to right,rgba(0,86,214,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,86,214,.04) 1px,transparent 1px); }
.gradient-text-tech { background:linear-gradient(135deg,#fff 0%,#a5cfff 50%,#00f2fe 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.gradient-text-primary { background:linear-gradient(135deg,#0056d6 0%,#0076fe 50%,#00f2fe 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.glow-one,.glow-two { position:absolute; border-radius:9999px; filter:blur(100px); animation:float 8s ease-in-out infinite; }
.glow-one { width:36rem;height:36rem;left:25%;top:-5rem;background:linear-gradient(45deg,rgba(0,118,254,.18),rgba(0,242,254,.12)); }
.glow-two { width:30rem;height:30rem;right:2.5rem;bottom:0;background:linear-gradient(135deg,rgba(79,70,229,.15),rgba(147,51,234,.12)); animation-duration:10s; }
@keyframes float { 50%{transform:translateY(-30px);opacity:.7} }
.reveal { opacity:0; transform:translateY(25px); transition:opacity .7s ease,transform .7s ease; }
.reveal.show { opacity:1; transform:none; }
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}
#binaryRain { position:absolute; inset:0; overflow:hidden; pointer-events:none; font-family:monospace; color:#00f2fe; opacity:.18; }
.binary-column { position:absolute; top:-20%; font-size:15px; line-height:1.8; animation:binaryFall 20s linear infinite; text-shadow:0 0 8px currentColor; }
@keyframes binaryFall { to { transform:translateY(140vh); } }
.badge,.gallery-badge { display:inline-flex; align-items:center; gap:.5rem; padding:.25rem .8rem; border:1px solid #d8ecff; background:#fff; border-radius:999px; margin-bottom:1rem; }
.dark .badge { border-color:rgba(255,255,255,.1); background:rgba(255,255,255,.05); }
.badge { color:#0056d6; font:700 .75rem "JetBrains Mono",monospace; text-transform:uppercase; letter-spacing:.05em; }
.dark .badge { color:#00f2fe; }
.badge svg,.gallery-badge svg { width:14px;height:14px; }
.section-title { font-size:clamp(2rem,4vw,3rem); line-height:1.1; font-weight:800; color:#0f172a; letter-spacing:-.03em; margin-bottom:1rem; }
.dark .section-title { color:#fff; }
.section-title.left{text-align:left}
.section-subtitle { color:#475569; font-size:1rem; line-height:1.7; }
.dark .section-subtitle{color:#cbd5e1}
.section-subtitle.left{text-align:left}
.dark-card,.light-card { border-radius:1.5rem; position:relative; overflow:hidden; }
.dark-card { background:#0a1322; padding:clamp(1.5rem,4vw,3rem); color:#fff; border:1px solid rgba(255,255,255,.1); box-shadow:0 25px 60px rgba(0,0,0,.25); }
.light-card { background:#fff; padding:clamp(1.5rem,4vw,3rem); border:1px solid rgba(148,163,184,.25); box-shadow:0 15px 40px rgba(15,23,42,.08); }
.dark .light-card{background:#0a1322;border-color:rgba(255,255,255,.1)}
.ambient{position:absolute;width:24rem;height:24rem;right:-8rem;bottom:-8rem;background:rgba(0,118,254,.15);filter:blur(100px);border-radius:50%}
.icon-box{width:3rem;height:3rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex:none}
.icon-box.blue{background:linear-gradient(135deg,#0076fe,#2563eb);box-shadow:0 8px 25px rgba(0,118,254,.2)}
.icon-box.light{background:#d8ecff;color:#0056d6;border:1px solid #b9deff}
.dark .icon-box.light{background:rgba(0,118,254,.15);color:#00f2fe;border-color:rgba(0,118,254,.3)}
.eyebrow{font:700 .75rem "JetBrains Mono",monospace;letter-spacing:.15em;text-transform:uppercase;color:#00f2fe}
.eyebrow.light{color:#0056d6}.dark .eyebrow.light{color:#00f2fe}
.dark-heading,.light-heading{font-size:1.75rem;font-weight:700}.light-heading{color:#0f172a}.dark .light-heading{color:#fff}
.dark-copy{color:#cbd5e1;font-size:1.05rem;line-height:1.7}.light-copy{color:#475569;font-size:1.05rem;line-height:1.7}.dark .light-copy{color:#cbd5e1}
.audio-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font:400 .75rem "JetBrains Mono",monospace}
.audio-pill svg{width:14px;color:#00f2fe}
.service-card{padding:1rem;border-radius:1rem;display:flex;flex-direction:column;gap:.6rem;border:1px solid transparent;transition:.3s}
.service-card.dark{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.05);color:#fff}.service-card.light{background:#f8fafc;border-color:rgba(148,163,184,.15)}.dark .service-card.light{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.05)}
.service-card:hover{transform:translateY(-2px);border-color:rgba(0,242,254,.25)}
.service-icon{width:2.25rem;height:2.25rem;border-radius:.55rem;display:flex;align-items:center;justify-content:center;color:#00f2fe;background:rgba(0,242,254,.1)}
.service-card.light .service-icon{color:#0056d6;background:#d8ecff}.dark .service-card.light .service-icon{color:#00f2fe;background:rgba(0,118,254,.15)}
.service-card h4{font-size:1rem;font-weight:700}.service-card p{font-size:.75rem;line-height:1.5;color:#64748b}.dark .service-card.dark p{color:#94a3b8}.dark .service-card.light p{color:#94a3b8}
.project-card{display:flex;flex-direction:column;overflow:hidden;border-radius:1.5rem;border:1px solid rgba(148,163,184,.25);background:#f8fafc;box-shadow:0 10px 30px rgba(15,23,42,.07);transition:.4s}
.dark .project-card{background:#0a1322;border-color:rgba(255,255,255,.1)}
.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.project-image{height:220px;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:.7s}.project-card:hover img{transform:scale(1.05)}
.project-tag{position:absolute;top:1rem;left:1rem;padding:.25rem .75rem;border-radius:999px;font:700 .75rem "JetBrains Mono",monospace;text-transform:uppercase;color:#fff}.project-tag.software{background:#0056d6}.project-tag.experience{background:#0f172a;color:#00f2fe;border:1px solid rgba(0,242,254,.3)}
.project-card h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.dark .project-card h3{color:#fff}.project-card p{font-size:.875rem;line-height:1.7;color:#64748b;margin-bottom:1.5rem}.dark .project-card p{color:#94a3b8}
.metrics{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(148,163,184,.2)}.metrics span{font:500 .75rem "JetBrains Mono",monospace;padding:.25rem .6rem;border-radius:.375rem;background:#fff;border:1px solid #e2e8f0;color:#334155}.dark .metrics span{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#cbd5e1}
.tech-card{position:relative;padding:1.5rem;border-radius:1rem;border:1px solid rgba(148,163,184,.2);background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:170px;overflow:hidden;transition:.3s}.dark .tech-card{background:#0a1322;border-color:rgba(255,255,255,.1)}.tech-card:hover{transform:translateY(-3px);border-color:rgba(0,242,254,.35)}
.tech-card small{font:700 .65rem "JetBrains Mono",monospace;color:#0056d6;text-transform:uppercase;letter-spacing:.08em}.dark .tech-card small{color:#00f2fe}.tech-card h3{font-size:1.25rem;font-weight:800;color:#0f172a;margin-top:.4rem}.dark .tech-card h3{color:#fff}.tech-card p{font-size:.75rem;color:#64748b;border-top:1px solid #f1f5f9;padding-top:1rem;margin-top:1rem}.dark .tech-card p{color:#94a3b8;border-color:rgba(255,255,255,.05)}
.enterprise-pill{display:inline-flex;align-items:center;gap:.6rem;width:max-content;padding:.6rem 1rem;border-radius:.75rem;background:#eef6ff;border:1px solid #d8ecff;color:#0056d6;font:700 .7rem "JetBrains Mono",monospace}.dark .enterprise-pill{background:rgba(0,118,254,.1);border-color:rgba(0,118,254,.2);color:#00f2fe}.enterprise-pill span{width:.6rem;height:.6rem;border-radius:50%;background:#0076fe;animation:pulse 1.5s infinite}.enterprise-pill.dark{color:#00f2fe;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.gallery-grid{background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:4rem 4rem}.gallery-badge{color:#00f2fe;background:rgba(0,242,254,.1);border-color:rgba(0,242,254,.3);font:700 .75rem "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.12em}
.filter-btn{padding:.5rem 1rem;border-radius:.75rem;font:700 .75rem "JetBrains Mono",monospace;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#cbd5e1;transition:.3s}.filter-btn:hover{background:rgba(255,255,255,.1)}.filter-btn.active{background:linear-gradient(90deg,#0056d6,#00a9e8);color:#fff;border-color:rgba(0,242,254,.5);box-shadow:0 8px 25px rgba(0,242,254,.15)}
.exp-card{background:#0a1322;border-radius:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:.5s;display:flex;flex-direction:column}.exp-card:hover{transform:translateY(-4px);border-color:rgba(0,242,254,.5)}.exp-img{height:220px;position:relative;overflow:hidden}.exp-img img{width:100%;height:100%;object-fit:cover;transition:.7s}.exp-card:hover .exp-img img{transform:scale(1.05)}.exp-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0a1322,rgba(10,19,34,.15),transparent)}.exp-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:rgba(2,6,23,.4);transition:.3s}.exp-card:hover .exp-play{opacity:1}.exp-play span{padding:.65rem 1.25rem;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.18);border-radius:999px;font-size:.75rem;font-weight:700}.exp-category{position:absolute;top:1rem;left:1rem;padding:.25rem .75rem;border-radius:999px;background:rgba(2,6,23,.8);border:1px solid rgba(0,242,254,.3);color:#00f2fe;font:700 .65rem "JetBrains Mono",monospace;text-transform:uppercase}.exp-content{padding:1.5rem}.exp-meta{display:flex;justify-content:space-between;gap:.5rem;color:#00f2fe;font:400 .68rem "JetBrains Mono",monospace;margin-bottom:.5rem}.exp-meta span:last-child{color:#94a3b8}.exp-content h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.exp-content p{font-size:.75rem;line-height:1.7;color:#cbd5e1;margin-bottom:1.5rem}.exp-metrics{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:.5rem}.exp-metrics span{font:400 .65rem "JetBrains Mono",monospace;color:#cbd5e1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:.25rem .6rem;border-radius:.375rem}
.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05)}.stat-card svg{width:2.5rem;height:2.5rem;padding:.6rem;border-radius:.7rem;color:#00f2fe;background:rgba(0,242,254,.1);border:1px solid rgba(0,242,254,.2)}.stat-card b{display:block;font:800 1.5rem "JetBrains Mono",monospace}.stat-card small{display:block;color:#94a3b8;font-size:.7rem}
.process-card{position:relative;padding:1.5rem;border-radius:1.5rem;background:#fff;border:1px solid rgba(148,163,184,.2);box-shadow:0 10px 25px rgba(15,23,42,.06);transition:.3s}.dark .process-card{background:#0a1322;border-color:rgba(255,255,255,.1);color:#fff}.process-card:hover{transform:translateY(-4px);border-color:rgba(0,242,254,.35)}.process-card>b{display:flex;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;border-radius:1rem;background:linear-gradient(135deg,#0056d6,#2563eb);color:#fff;font:800 1.1rem "JetBrains Mono",monospace;margin-bottom:1.5rem}.process-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#0f172a}.dark .process-card h3{color:#fff}.process-card p{font-size:.875rem;line-height:1.7;color:#64748b}.dark .process-card p{color:#94a3b8}.process-card footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f1f5f9;color:#94a3b8;font:400 .7rem "JetBrains Mono",monospace;display:flex;align-items:center;gap:.5rem}.dark .process-card footer{border-color:rgba(255,255,255,.05)}.process-card footer svg{width:14px;color:#00f2fe}
.trust-card{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;border-radius:.75rem;background:rgba(255,255,255,.6);border:1px solid rgba(148,163,184,.15)}.dark .trust-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.05)}.trust-card svg{width:20px;color:#00f2fe}.trust-card b{display:block;font:700 .7rem "JetBrains Mono",monospace;color:#0f172a}.dark .trust-card b{color:#fff}.trust-card small{display:block;color:#64748b;font-size:.6rem}.dark .trust-card small{color:#94a3b8}
.contact-info{display:flex;align-items:flex-start;gap:.875rem}.contact-info>div{width:2.25rem;height:2.25rem;border-radius:.75rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#00f2fe;flex:none}.contact-info svg{width:16px}.contact-info small{display:block;color:#00f2fe;font:400 .65rem "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.contact-info p{font-size:.875rem;font-weight:500;color:#e2e8f0;margin-top:.1rem}
.form-field{display:block;font:700 .7rem "JetBrains Mono",monospace;color:#334155;text-transform:uppercase}.dark .form-field{color:#cbd5e1}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;margin-top:.4rem;padding:.65rem 1rem;border-radius:.75rem;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;font:400 .875rem "Plus Jakarta Sans",sans-serif;outline:none;transition:.2s}.dark .form-field input,.dark .form-field select,.dark .form-field textarea{background:rgba(15,23,42,.8);border-color:rgba(255,255,255,.15);color:#fff}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#0076fe;box-shadow:0 0 0 3px rgba(0,118,254,.12)}.form-field span{display:block;color:#f43f5e;font-size:.65rem;margin-top:.25rem;text-transform:none}.modal-pill{display:inline-block;padding:.25rem .75rem;border-radius:999px;color:#00f2fe;background:rgba(0,242,254,.1);border:1px solid rgba(0,242,254,.3);font:700 .7rem "JetBrains Mono",monospace}.spec{padding:.875rem;border-radius:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05)}.spec span{display:block;color:#94a3b8;margin-bottom:.3rem}.spec b{color:#fff}.footer-title{color:#fff;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-family:"JetBrains Mono",monospace;margin-bottom:1rem}.footer-links{display:flex;flex-direction:column;gap:.6rem;font-size:.875rem}.footer-links a:hover,footer a:hover{color:#00f2fe}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}
@media(max-width:640px){.project-image,.exp-img{height:200px}.glow-one{width:24rem;height:24rem}.glow-two{width:20rem;height:20rem}.dark-heading,.light-heading{font-size:1.5rem}}