*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#06101a;--bg2:#091522;--card:#0b1724;--card2:#0d1b2a;
  --line:#1a2b3c;--text:#f5f8fc;--muted:#8d9bab;--blue:#1976ff;
  --blue2:#1765d9;--green:#35d47b;--shadow:0 20px 60px rgba(0,0,0,.25)
}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
button{cursor:pointer}
.site-header{height:72px;display:flex;align-items:center;gap:34px;padding:0 clamp(22px,4vw,48px);border-bottom:1px solid var(--line);background:rgba(6,16,26,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}
.logo{font-size:25px;font-weight:800;letter-spacing:-2px}.logo span{color:#267cff}
.desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.desktop-nav a{font-size:12px;color:#c2cbd5;transition:.2s}.desktop-nav a:hover{color:white}
.header-cta{margin-left:20px;background:var(--blue);padding:11px 17px;border-radius:5px;font-size:12px;font-weight:600;box-shadow:0 8px 25px rgba(25,118,255,.22)}
.header-cta span{color:var(--green);margin-left:5px}
.menu-btn{display:none;margin-left:auto;background:none;border:0;width:34px}.menu-btn span{display:block;height:2px;background:white;margin:6px 0;border-radius:2px}
.section{max-width:1500px;margin:auto;padding:72px clamp(22px,4vw,48px)}
.hero{min-height:630px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;position:relative;border-bottom:1px solid var(--line)}
.hero-copy{padding:45px 0}.availability{display:none;color:#aab7c6;font-size:11px;margin-bottom:15px}.availability i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px}.availability i:last-child{margin-left:4px}
.eyebrow{display:inline-block;padding:7px 12px;background:#101f2e;border:1px solid var(--line);border-radius:7px;color:#dbe4ee;font-size:12px;margin-bottom:15px}
.hero h1{font-size:clamp(48px,6vw,70px);line-height:1.02;letter-spacing:-3px;margin-bottom:18px}.hero h1 strong{color:var(--blue)}
.hero-text{max-width:390px;color:#c0cbd7;font-size:15px;margin-bottom:25px}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.btn{border:0;border-radius:5px;padding:13px 20px;font-size:12px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:12px;transition:.2s}.btn-primary{background:var(--blue);color:white;box-shadow:0 8px 25px rgba(25,118,255,.2)}.btn-primary:hover{background:#3188ff;transform:translateY(-2px)}.btn-outline{border:1px solid #205080;background:transparent}.btn-outline:hover{border-color:var(--blue);color:#6da9ff}
.socials{display:flex;gap:10px;margin-top:26px}.socials a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#0b1723;font-size:12px;color:#e5edf5}.socials a:hover{border-color:#287dff;color:#4e98ff}
.hero-photo{height:560px;position:relative;display:grid;place-items:center;overflow:hidden}.photo-glow{position:absolute;width:330px;height:330px;background:#006eff;filter:blur(100px);opacity:.32;border-radius:50%;right:16%;top:15%}.hero-photo img{position:relative;z-index:2;width:min(80%,430px);height:100%;object-fit:contain;object-position:center bottom}.photo-placeholder{position:absolute;z-index:1;bottom:15px;width:310px;height:410px;border-radius:160px 160px 20px 20px;background:radial-gradient(circle at 50% 25%,#14385d,#09111b 60%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2b78df}.photo-placeholder span{font-size:100px;font-weight:800}.photo-placeholder small{color:#7890a9;text-align:center;font-size:11px}.floating-service{position:absolute;left:2%;bottom:25px;width:230px;padding:13px;background:rgba(10,24,38,.9);border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;z-index:4;box-shadow:var(--shadow)}.service-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid #17467d;background:#0c2340;color:#3388ff;border-radius:7px}.floating-service b{font-size:13px;display:block}.floating-service small{display:block;color:var(--muted);font-size:9px;line-height:1.4;margin-top:3px}
.section-heading h2{font-size:25px;line-height:1.2}.section-heading h2 span{color:var(--blue)}.section-heading h2 b{color:#287cff;font-size:13px;margin-left:5px}.section-heading p{color:var(--muted);font-size:11px;margin-top:7px}.centered{text-align:center}
.about-section{border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:28px}.about-copy{max-width:500px}.about-copy p{color:#aeb9c6;font-size:13px;margin-bottom:13px}.text-btn{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:9px 14px;font-size:11px;margin-top:10px}.text-btn span{color:#3d8cff;margin-left:8px}
.info-card{background:linear-gradient(145deg,#0d1b2a,#0a1521);border:1px solid var(--line);border-radius:8px;padding:18px 20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-card div{position:relative;padding-left:28px}.info-icon{position:absolute;left:0;top:0;color:#2e85ff}.info-card b{font-size:10px}.info-card p{font-size:10px;color:#9aa8b7;margin-top:3px}.green-text{color:var(--green)!important}
.stats{margin-top:42px;background:#0b1a2a;border:1px solid #17314c;border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.stats div{padding:20px 15px;text-align:left;border-right:1px solid #1a3147}.stats div:last-child{border:0}.stats strong{font-size:28px;display:block}.stats span{font-size:10px;color:#93a0af}
.services-section{border-bottom:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:30px}.service-card{padding:18px;background:#0b1724;border:1px solid var(--line);border-radius:8px;min-height:155px}.service-card .service-icon{margin-bottom:12px}.service-card h3{font-size:12px;margin-bottom:7px}.service-card p{font-size:9px;color:var(--muted);line-height:1.55}
.projects-section{border-bottom:1px solid var(--line)}.filters{display:flex;justify-content:center;gap:8px;margin:25px 0}.filter{background:#0b1724;border:1px solid var(--line);color:#b8c2cd;border-radius:5px;padding:7px 13px;font-size:10px}.filter.active,.filter:hover{background:var(--blue);border-color:var(--blue);color:white}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-card{background:#0b1724;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-4px);border-color:#254866}.project-card.hidden{display:none}.project-image{height:145px;padding:12px;display:grid;place-items:center;background:#101b28}.mock-window,.mock-dashboard,.chat-window,.task-window,.dev-window,.weather-window{width:90%;height:90%;border-radius:4px;background:#f7f8fa;color:#172233;box-shadow:0 8px 20px #0004;overflow:hidden}.mock-window{padding:10px}.mock-window>span{display:inline-block;width:5px;height:5px;background:#a5b0bc;border-radius:50%;margin-right:3px}.mock-lines{height:28px;background:linear-gradient(90deg,#dbe4ed 35%,transparent 35%);margin-top:9px}.mock-products{display:flex;gap:5px;margin-top:8px}.mock-products i{height:45px;flex:1;background:linear-gradient(#fff,#dce6ef);border:1px solid #d5dce4}.mock-edu{background:#122b53}.mock-dashboard{display:grid;grid-template-columns:25% 75%;background:white}.mock-dashboard aside{background:#0d2342}.mock-dashboard>div{padding:10px}.mock-dashboard b{font-size:8px;color:#1268df}.dash-cards{display:flex;gap:5px;margin-top:15px}.dash-cards i{height:35px;flex:1;background:#eef4fb}.mock-chat{background:#111a2b}.chat-window{display:grid;grid-template-columns:30% 70%;background:#101a29;color:white}.chat-side{background:#0b1421}.chat-main{padding:9px}.chat-main b{font-size:9px}.chat-main i{display:block;width:75%;height:13px;background:#1e324a;margin-top:7px;border-radius:3px}.mock-task{background:#162a42}.task-window{padding:10px}.task-window b{font-size:9px;color:#2374df}.task-row{height:13px;background:#edf2f6;margin-top:7px;border-radius:2px}.mock-dev{background:#0e1928}.dev-window{padding:10px;background:#edf2f7}.dev-user{width:25px;height:25px;border-radius:50%;background:#2a78df;margin:9px 0}.dev-lines{height:35px;background:repeating-linear-gradient(#cfd9e4 0 5px,transparent 5px 10px)}.mock-weather{background:linear-gradient(145deg,#102e50,#071421)}.weather-window{width:75%;height:80%;background:#17385e;color:white;padding:15px;display:flex;flex-direction:column}.weather-window strong{font-size:30px}.weather-window span{font-size:24px}.weather-window small{margin-top:auto}.project-body{padding:12px}.project-title{display:flex;justify-content:space-between;gap:8px;align-items:start}.project-title h3{font-size:12px}.project-title span{font-size:8px;color:#9ca9b8}.project-body p{font-size:9px;color:var(--muted);margin:7px 0 10px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags em{font-style:normal;font-size:7px;background:#10263a;color:#a8bdd0;padding:3px 6px;border-radius:20px}.center-btn{display:flex;margin:25px auto 0}
.skills-section{border-bottom:1px solid var(--line)}.skills-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:32px}.skill-list h3,.other-skills h3{font-size:13px;margin-bottom:20px}.skill{margin-bottom:14px}.skill>div{display:flex;justify-content:space-between;font-size:10px;color:#b9c5d2;margin-bottom:6px}.skill b{font-weight:500;color:#a3afbc}.skill>i{display:block;height:4px;background:#1b2a3a;border-radius:5px;overflow:hidden}.skill u{display:block;height:100%;background:var(--blue);text-decoration:none;border-radius:5px}.skill-pills{display:flex;gap:9px;flex-wrap:wrap}.skill-pills span{background:#edf2f7;color:#647284;padding:7px 11px;border-radius:20px;font-size:9px}.learning-note{margin-top:30px;padding:16px;background:#0b1724;border:1px solid var(--line);border-radius:8px;display:flex;gap:12px}.learning-note span{color:#3488ff}.learning-note p{font-size:10px;color:#a9b5c2}
.testimonial-wrap{display:flex;align-items:center;gap:15px;max-width:700px;margin:30px auto 10px}.testimonial-card{flex:1;background:#0b1724;border:1px solid var(--line);padding:22px;border-radius:8px;display:flex;gap:16px;align-items:center}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#1a385a;color:#7fb1ff;font-size:11px;font-weight:700;flex:none}.testimonial-card p{font-size:11px;color:#b9c4d0;margin-bottom:9px}.testimonial-card strong{font-size:9px}.slider-btn{border:0;background:none;color:#6c7b8c;font-size:30px}.dots{text-align:center}.dots button{width:6px;height:6px;border-radius:50%;border:0;background:#354555;margin:4px}.dots button.active{background:#3e8dff}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:55px}.contact-copy .section-heading{margin-bottom:28px}.contact-details{display:grid;gap:18px}.contact-details a,.contact-details>div{display:flex;gap:12px;align-items:center}.contact-details b{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#0d2034;color:#3d8bff;font-size:13px}.contact-details span{display:flex;flex-direction:column;font-size:10px;color:#9aa7b5}.contact-details strong{color:white;font-size:10px;margin-bottom:2px}.contact-form{background:#0b1724;border:1px solid var(--line);border-radius:8px;padding:18px;display:grid;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form label span{display:none}.contact-form input,.contact-form textarea{width:100%;border:1px solid #1c3042;background:#0a1420;color:white;border-radius:5px;padding:12px;font-size:10px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#287cff}.contact-form textarea{height:125px;resize:vertical}.form-message{font-size:10px;color:var(--green);min-height:15px}
.footer{padding:38px clamp(22px,4vw,48px) 18px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;position:relative}.footer-brand p{font-size:10px;color:var(--muted);max-width:200px;margin-top:9px}.footer h4{font-size:10px;margin-bottom:10px}.footer>div>a{display:block;font-size:9px;color:#8997a6;margin:6px 0}.footer-socials{display:flex;gap:7px}.footer-socials a{display:grid!important;place-items:center;width:28px;height:28px;background:#0b1724;border:1px solid var(--line);border-radius:50%}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;text-align:center;color:#627080;font-size:8px}
.mobile-menu{display:none}

@media(max-width:1000px){
  .desktop-nav{gap:14px}.header-cta{margin-left:5px}
  .service-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .site-header{height:64px;padding:0 18px}.desktop-nav,.header-cta{display:none}.menu-btn{display:block}
  .mobile-menu{position:fixed;top:64px;left:0;right:0;background:#07131f;border-bottom:1px solid var(--line);z-index:45;padding:10px 18px;display:none}.mobile-menu.open{display:grid}.mobile-menu a{padding:13px 8px;border-bottom:1px solid #142536;font-size:12px}.mobile-menu a:last-child{border:0}
  .section{padding:55px 18px}.hero{grid-template-columns:1fr;min-height:0;padding-top:40px}.hero-copy{padding:0}.availability{display:block}.hero h1{font-size:48px;letter-spacing:-2px}.hero-text{font-size:13px}.hero-photo{height:390px;margin-top:5px}.photo-placeholder{height:330px;width:245px}.floating-service{left:0;bottom:8px;width:225px}.hero-photo img{width:85%}
  .about-grid,.skills-layout,.contact-section{grid-template-columns:1fr;gap:25px}.about-copy{max-width:none}.info-card{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div:nth-child(1),.stats div:nth-child(2){border-bottom:1px solid #1a3147}.stats strong{font-size:25px}
  .service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:140px}.project-grid{grid-template-columns:1fr}.filters{overflow-x:auto;justify-content:flex-start;padding-bottom:3px}.filter{white-space:nowrap}
  .project-image{height:180px}.testimonial-wrap{gap:3px}.testimonial-card{padding:16px}.slider-btn{font-size:24px}.footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media(max-width:450px){
  .hero h1{font-size:43px}.hero-photo{height:360px}.info-card{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.copyright{grid-column:1}.section-heading h2{font-size:23px}
}

.mock-mobile{background:#08182b}
.mobile-window{width:48%;height:95%;background:#0d2034;color:#fff;border:1px solid #29435e;border-radius:10px;padding:9px;position:relative;box-shadow:0 8px 20px #0006}
.mobile-top{font-size:7px;font-weight:700;padding:5px 2px;border-bottom:1px solid #29435e}
.mobile-card{height:30px;background:#183650;border-radius:5px;margin-top:8px}
.mobile-card.short{width:75%;height:24px}
.mobile-nav{position:absolute;bottom:5px;left:7px;right:7px;text-align:center;font-size:8px;background:#102b45;border-radius:5px;padding:5px;color:#78aef5}
@media(max-width:760px){.mobile-window{width:42%;}}