:root{--bg:#070b17;--ink:#edf3ff;--muted:#9ba9c3;--line:rgba(175,200,255,.14);--cyan:#79e7ff;--purple:#a685ff;--card:#10182a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.pipeline-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 72% 9%,#172958 0%,transparent 38%),radial-gradient(ellipse at 12% 75%,#17123e 0%,transparent 35%),#070b17}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(129,177,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(129,177,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#0005,transparent 78%)}.orb{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 10s ease-in-out infinite}.orb-one{background:#2fa8ff;right:-12vw;top:5vh}.orb-two{background:#884aff;left:-20vw;bottom:0;animation-delay:-4s}.nav-wrap{height:92px;max-width:1280px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{color:#f6f8ff;text-decoration:none;display:flex;align-items:center;gap:10px;font:500 11px 'DM Mono';letter-spacing:1.4px}.brand b{color:var(--cyan);font-weight:500}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--cyan);border-radius:9px;color:var(--cyan);font-weight:500;letter-spacing:0;background:#8feaff0c}nav{display:flex;align-items:center;gap:25px}nav a{font-size:12px;font-weight:700;text-decoration:none;color:#b6c2d9;transition:.25s}nav a:hover,nav a.active{color:var(--cyan)}.nav-contact{border:1px solid #8396ba67;border-radius:7px;padding:10px 13px;color:#fff!important}.nav-contact span,.text-btn span{color:var(--cyan);font-size:16px}.menu-toggle{display:none}.hero{min-height:calc(100vh - 92px);max-width:1280px;padding:74px 36px 66px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative}.eyebrow,.kicker,.role-date,.project-label,.p-title,.issued{font:500 10px 'DM Mono';letter-spacing:1.5px;color:var(--cyan)}.pulse{width:7px;height:7px;display:inline-block;border-radius:50%;background:#70f4cb;margin-right:8px;box-shadow:0 0 0 5px #70f4cb20;animation:pulse 2s infinite}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.1vw,70px);letter-spacing:-3.5px;line-height:1.08;margin:20px 0 23px}em{font-family:Georgia,serif;font-weight:400;color:var(--cyan)}.intro{max-width:590px;color:var(--muted);font-size:15px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:24px;margin:35px 0 60px}.primary-btn{display:inline-flex;gap:16px;align-items:center;border:0;border-radius:7px;padding:14px 17px;color:#07111f;background:var(--cyan);font-weight:800;font-size:12px;text-decoration:none;transition:.25s}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #74e9ff37}.primary-btn span{font-size:16px}.text-btn{color:#e8efff;text-decoration:none;font-weight:700;font-size:12px}.metric-row{display:flex;gap:33px}.metric-row>div{display:flex;align-items:center;gap:10px}.metric-row strong{font-size:26px;letter-spacing:-1px}.metric-row strong span{color:var(--cyan)}.metric-row small{font-size:9px;line-height:1.45;color:#8d9bb5}.hero-art{height:540px;position:relative;perspective:900px}.image-frame{position:absolute;right:-2vw;top:-27px;width:96%;height:515px;overflow:hidden;border-radius:24px 90px 24px 24px;transform:rotateY(-7deg) rotateX(2deg);border:1px solid #94d6ff28;box-shadow:30px 28px 80px #000a}.image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070b177a 0%,transparent 40%),linear-gradient(0deg,#070b174d,transparent 45%)}.image-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.scanline{position:absolute;z-index:2;left:0;right:0;height:2px;top:-10%;background:#8fefff;opacity:.48;box-shadow:0 0 20px 5px #8fefff;animation:scan 7s linear infinite}.floating-card{position:absolute;z-index:3;border:1px solid #b9d9ff31;background:#0a1325db;box-shadow:0 15px 35px #0008;backdrop-filter:blur(12px);border-radius:10px;padding:12px 15px}.floating-card small{display:block;color:#a3b3cc;font:400 8px 'DM Mono';letter-spacing:1px}.floating-card b{font-size:11px;display:block;margin:4px 0}.card-cloud{top:38px;left:-10px;width:152px}.mini-icon{float:right;font-size:20px;color:var(--cyan)}.tiny-bars{display:flex;gap:3px;align-items:end;height:15px}.tiny-bars i{background:var(--cyan);width:5px;height:7px}.tiny-bars i:nth-child(2){height:13px;background:var(--purple)}.tiny-bars i:nth-child(3){height:9px}.card-status{right:-32px;bottom:50px;min-width:147px}.status-dot{width:7px;height:7px;background:#72f2bb;box-shadow:0 0 9px #72f2bb;display:inline-block;border-radius:50%;margin-right:7px}.node{position:absolute;z-index:4;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px 5px #5ce4ff9e}.node-a{top:145px;right:24px;animation:node 3s infinite}.node-b{left:80px;bottom:134px;background:#b692ff;animation:node 4s 1s infinite}.node-c{right:140px;top:286px;animation:node 3.4s 2s infinite}.scroll-mark{position:absolute;bottom:17px;left:36px;font:10px 'DM Mono';color:#8191aa;letter-spacing:1.3px}.scroll-mark span{display:inline-block;width:48px;height:1px;background:#7195bd;margin:0 10px 3px}.section{max-width:1210px;margin:auto;padding:130px 36px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-head h2,.credential-card h2,.contact h2{font-size:clamp(34px,4vw,51px);letter-spacing:-2.7px;line-height:1.12;margin:14px 0 0}.section-head>p{width:320px;color:var(--muted);font-size:13px;line-height:1.75;margin:0 0 4px}.timeline{border-top:1px solid var(--line)}.role{display:grid;grid-template-columns:175px 1fr;padding:31px 0;border-bottom:1px solid var(--line)}.role-date{padding-top:8px;color:#9faec5}.role-title{display:flex;gap:16px;align-items:center}.company-badge{width:45px;height:45px;border-radius:11px;display:grid;place-items:center;font:bold 13px 'DM Mono';border:1px solid}.fr{color:#79e7ff;background:#79e7ff12}.ab{color:#b98eff;background:#b98eff12}.tc{color:#ffcb75;background:#ffcb7512}.role h3{font-size:18px;margin:0 0 4px}.role-title p{font-size:12px;color:#97a6c0;margin:0}.role-title p span,.education p span{color:var(--cyan);margin:0 6px}.role ul{padding-left:18px;margin:21px 0;color:#aab6ca;font-size:12px;line-height:1.7;max-width:790px}.role li{margin-bottom:5px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span,.tool-row span{font:10px 'DM Mono';color:#b9c8de;border:1px solid #8da4c02c;border-radius:4px;padding:6px 8px;background:#b0d3ff06}.project-section{padding-top:40px}.project-card{display:grid;grid-template-columns:1fr 1fr;min-height:410px;background:linear-gradient(105deg,#111b33,#0e1830);border:1px solid #7ad1ff25;border-radius:16px;overflow:hidden}.project-copy{padding:54px}.project-label span{width:8px;height:8px;background:#77f6be;border-radius:50%;display:inline-block;margin-right:6px}.project-copy h3{font-size:37px;letter-spacing:-2px;line-height:1.1;margin:17px 0}.project-copy>p{max-width:450px;color:#a5b2c8;font-size:12px;line-height:1.8}.project-stats{display:flex;gap:26px;margin:28px 0}.project-stats b{font-size:16px}.project-stats small{display:block;color:#8595b0;font:9px 'DM Mono';margin-top:4px}.pipeline-visual{position:relative;padding:38px;background:radial-gradient(circle at 45% 45%,#253d7494,transparent 34%),#0a1122;overflow:hidden}.pipeline-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#72bcff10 1px,transparent 1px),linear-gradient(90deg,#72bcff10 1px,transparent 1px);background-size:28px 28px}.p-title{position:relative;color:#9db2d3}.p-title span{color:#65f2b6;float:right;animation:pulse 2s infinite}.flow{position:relative;display:flex;align-items:center;justify-content:center;height:230px}.flow-node{z-index:1;width:89px;height:89px;display:grid;place-content:center;text-align:center;border-radius:14px;border:1px solid #8dc9ff7a;background:#152443d9;box-shadow:0 0 28px #43b8ff1e;color:#eaf3ff;font:bold 16px 'DM Mono'}.flow-node small{font:8px 'DM Mono';color:#8ea2c3;margin-top:4px}.transform{border-color:#c09aff8e;background:#281d4ad9}.target{border-color:#70edc68e;background:#123837d9}.flow-line{height:2px;flex:1;min-width:22px;background:#53739a;overflow:hidden;position:relative}.flow-line i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);top:-2px;animation:move 2.2s linear infinite}.flow-line i:nth-child(2){animation-delay:.7s}.flow-line i:nth-child(3){animation-delay:1.4s}.dashboard-bars{position:absolute;bottom:39px;left:39px;right:39px;height:50px;display:flex;align-items:end;gap:7px}.dashboard-bars i{flex:1;background:linear-gradient(#83e8ff,#557aff);border-radius:2px 2px 0 0;opacity:.75}.dashboard-bars i:nth-child(1){height:28%}.dashboard-bars i:nth-child(2){height:70%}.dashboard-bars i:nth-child(3){height:42%}.dashboard-bars i:nth-child(4){height:83%}.dashboard-bars i:nth-child(5){height:57%}.dashboard-bars i:nth-child(6){height:95%}.dashboard-bars i:nth-child(7){height:66%}.skills{padding-bottom:80px}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.skill-card{min-height:264px;border:1px solid var(--line);border-radius:12px;padding:23px;background:linear-gradient(135deg,#10192dca,#0d1425b8);transition:.3s}.skill-card:hover{transform:translateY(-7px);border-color:#76ddff65}.skill-number{font:10px 'DM Mono';color:var(--cyan)}.skill-card h3{font-size:17px;margin:41px 0 11px}.skill-card p{font-size:11px;color:#9dacbf;line-height:1.7}.clouds{display:flex;gap:9px;align-items:center;margin-top:21px}.clouds b{font-size:12px}.aws{color:#ffba61}.azure{color:#64c7ff}.gcp{color:#ff8e76}.tool-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.credentials{display:grid;grid-template-columns:1.65fr .8fr;gap:13px;padding-top:80px}.credential-card{border:1px solid #73dcff3f;border-radius:15px;padding:38px 42px;background:linear-gradient(120deg,#122a49,#181237);min-height:345px;position:relative;overflow:hidden}.credential-card:after{content:'✦';position:absolute;font-size:290px;color:#85e8ff08;right:-25px;bottom:-110px}.credential-top{display:flex;justify-content:space-between}.cert-seal{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#74e9ff;color:#07101e;font-size:20px}.issued{margin:46px 0 9px}.credential-card h2{font-size:34px}.credential-id{font:10px 'DM Mono';color:#a3b8dc;margin:18px 0}.credential-card .primary-btn{position:absolute;left:42px;bottom:37px;z-index:1}.education{border:1px solid var(--line);border-radius:15px;padding:37px 29px;background:#10192c}.education h3{font-size:22px;letter-spacing:-1px;line-height:1.2;margin:38px 0 13px}.education p{color:#a6b3c9;font-size:12px;margin-bottom:20px}.education b{font:10px 'DM Mono';color:var(--cyan)}.contact{max-width:1210px;margin:90px auto 0;padding:102px 36px;border-top:1px solid var(--line);text-align:center}.contact h2{font-size:clamp(39px,5vw,64px);margin:16px 0 18px}.contact>p:not(.kicker){color:#9eabc0;font-size:13px}.contact-email{display:inline-block;color:var(--cyan);text-decoration:none;font-size:clamp(18px,2.3vw,27px);font-weight:700;border-bottom:1px solid #75e8ff77;padding:7px 2px;margin:30px 0}.contact-meta{display:flex;justify-content:center;gap:22px;font:10px 'DM Mono';letter-spacing:1px;color:#95a5bf}.contact-meta a{color:#95a5bf;text-decoration:none}footer{max-width:1210px;margin:auto;padding:27px 36px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#8090a9;font-size:10px}footer p{margin:0}footer>a:last-child{color:#a7b7d0;text-decoration:none;font:10px 'DM Mono'}@keyframes float{50%{transform:translate(5vw,-3vh)}}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 0 9px #70f4cb00}}@keyframes scan{to{top:120%}}@keyframes node{50%{transform:scale(1.7);opacity:.45}}@keyframes move{from{left:-10%}to{left:105%}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.nav-wrap{padding:0 21px;height:72px}nav{display:none;position:absolute;top:70px;left:16px;right:16px;padding:18px;gap:15px;flex-direction:column;align-items:stretch;background:#0e1628;border:1px solid var(--line);border-radius:12px}nav.open{display:flex}.menu-toggle{display:grid;gap:5px;background:none;border:0}.menu-toggle i{display:block;width:20px;height:2px;background:var(--cyan)}.hero{display:block;padding:65px 22px 70px}.hero-art{height:420px;margin:45px -4px 0}.image-frame{height:400px;right:0}.card-status{right:-4px}.metric-row{gap:15px}.metric-row>div{gap:7px}.metric-row strong{font-size:22px}.section{padding:84px 22px}.section-head{display:block;margin-bottom:35px}.section-head>p{width:auto;margin-top:20px}.role{display:block}.role-date{margin-bottom:16px}.project-card,.credentials{grid-template-columns:1fr}.project-copy{padding:32px}.pipeline-visual{min-height:300px}.skill-grid{grid-template-columns:1fr 1fr}.credential-card{padding:30px}.credential-card .primary-btn{left:30px}.contact{margin-top:50px;padding:80px 22px}.contact-meta{display:block;line-height:2.5}footer{padding:22px;display:block;line-height:2.2}footer p{margin:9px 0}.scroll-mark{left:22px}.hero h1{letter-spacing:-2.5px}}@media(max-width:450px){.skill-grid{grid-template-columns:1fr}.metric-row{flex-wrap:wrap}.hero-art{height:370px}.image-frame{height:360px}.card-cloud{left:-6px}.flow-node{width:72px;height:72px;font-size:13px}.project-copy h3{font-size:31px}}
