@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#070c18;--panel:#0b1324;--line:#17243a;--muted:#91a0b6;--text:#f5f7fb;--cyan:#1fd4e8;--blue:#2f86f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;overflow:hidden}.section-anchor{scroll-margin-top:85px}.site-header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070c18d1;border-bottom:1px solid rgba(30,51,80,.42);display:flex;justify-content:space-between;left:0;padding:17px 4.6vw;position:fixed;right:0;top:0;z-index:10}.brand{color:var(--cyan);font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.06em}.brand span{color:#fff}.main-nav{display:flex;gap:34px}.main-nav a{color:#8e9cb1;font-size:13px;font-weight:600;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:#e7edf8}.menu-button{display:none}.hero{align-items:center;display:flex;isolation:isolate;min-height:640px;padding:125px 4.55vw 70px;position:relative}.hero:before{background:radial-gradient(ellipse at 39% 51%,rgba(7,84,103,.37),transparent 38%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:-2}.hero-glow{background:radial-gradient(circle,rgba(18,181,212,.22),transparent 67%);height:490px;left:30%;position:absolute;top:110px;width:490px;z-index:-1}.hero-copy{max-width:590px;position:relative;z-index:2}.availability{align-items:center;border:1px solid #1a2a44;border-radius:30px;color:#91a0b6;display:inline-flex;font-size:13px;gap:9px;padding:10px 16px}.availability span{background:#2a9c6a;border-radius:50%;box-shadow:0 0 8px #2a9c6ab3;height:8px;width:8px}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(47px,5.2vw,61px);letter-spacing:-.065em;line-height:.96;margin:39px 0 24px}h1 strong,h2 span{background:linear-gradient(100deg,var(--cyan),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.subtitle{color:var(--muted);font-size:18px;margin:0 0 18px}.subtitle i{color:#607088;font-style:normal;margin:0 4px}.intro{color:#9caac0;font-size:16px;line-height:1.5;margin:0;max-width:510px}.hero-actions{display:flex;gap:15px;margin-top:31px}.button{align-items:center;border-radius:11px;display:inline-flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;min-height:51px;padding:0 23px;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#21c9df;color:#06101d;min-width:171px}.button-primary:hover{background:#4fe0ec}.button-secondary{border:1px solid #182a47;color:#e1e7f0}.button-secondary:hover{background:#142c4659;border-color:#2e567f}.sparkle{font-size:25px;line-height:0}.button-icon{font-size:20px;font-weight:400}.hero-visual{height:440px;margin-left:auto;position:relative;width:min(46vw,525px)}.portrait-halo{border:1px solid rgba(24,215,235,.65);border-radius:50%;box-shadow:0 0 28px #0acbea7a;height:379px;left:50%;position:absolute;top:35px;transform:translate(-50%);width:379px}.portrait-halo:before{border:7px solid #101c32;border-radius:inherit;content:"";top:8px;right:8px;bottom:8px;left:8px;position:absolute}.initials-card{align-items:center;background:linear-gradient(145deg,#112c48,#0b172b);border:5px solid #16243b;border-radius:50%;display:flex;flex-direction:column;height:361px;justify-content:center;left:50%;position:absolute;top:44px;transform:translate(-50%);width:361px}.initials-card span{background:linear-gradient(100deg,var(--cyan),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Space Grotesk,sans-serif;font-size:104px;font-weight:700;letter-spacing:-.1em;line-height:1}.initials-card small{color:#91a0b6;font-size:13px;letter-spacing:.08em;margin-top:14px;text-transform:uppercase}.skill-tag{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e182be6;border:1px solid #1b2d48;border-radius:9px;box-shadow:0 8px 18px #0003;color:#e1e6ef;display:flex;font-size:12px;font-weight:700;gap:7px;padding:7px 13px;position:absolute;white-space:nowrap}.tag-campus{right:2px;top:55px}.tag-ml{right:-29px;top:221px}.tag-web{bottom:26px;left:12px}.scroll-cue{bottom:12px;color:#8492a7;font-size:11px;left:54%;position:absolute;text-align:center}.scroll-cue span{display:block;font-size:22px;line-height:19px}.content-section{border-top:1px solid #101c2e;margin:0 auto;max-width:1120px;min-height:470px;padding:110px 5vw}.content-section:not(#skills):not(#projects){display:grid;gap:70px;grid-template-columns:1fr 1.1fr}.eyebrow{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.15em;margin:0;text-transform:uppercase}.content-section h2,.contact-section h2{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,4.2vw,54px);letter-spacing:-.06em;line-height:1.03;margin:17px 0}.about-copy{align-self:end;color:#9caac0;font-size:16px;line-height:1.6}.about-copy p{margin:0 0 17px;max-width:480px}.about-stats{border-top:1px solid var(--line);display:flex;gap:45px;margin-top:35px;padding-top:20px}.about-stats strong{color:var(--text);display:block;font-family:Space Grotesk;font-size:28px}.about-stats span{color:#75849a;font-size:12px}.skills-grid,.projects-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:50px}.skill-card,.project-card{background:linear-gradient(145deg,#0e1a2ee6,#09111fcc);border:1px solid var(--line);border-radius:14px;padding:24px;transition:border-color .2s,transform .2s}.skill-card:hover,.project-card:hover{border-color:#2d6180;transform:translateY(-4px)}.skill-number{color:var(--cyan);font-size:12px}.skill-card h3{font-family:Space Grotesk;font-size:20px;margin:45px 0 8px}.skill-card p,.project-card>p:not(.project-type){color:#8999af;font-size:13px;line-height:1.5;margin:0}.project-heading{align-items:end;display:flex;justify-content:space-between}.project-heading h2{margin-bottom:0}.text-link{color:var(--cyan);font-size:13px;font-weight:700}.text-link span{font-size:20px;margin-left:5px}.projects-grid{grid-template-columns:repeat(3,1fr);margin-top:45px}.project-card{min-height:290px;padding:28px}.project-icon{align-items:center;background:#13283f;border-radius:10px;color:var(--cyan);display:flex;font-size:23px;height:45px;justify-content:center;width:45px}.project-type{color:#6e829b;font-size:11px;letter-spacing:.1em;margin:24px 0 6px;text-transform:uppercase}.project-card h3{font-family:Space Grotesk;font-size:24px;margin:0 0 12px}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.project-tags span{border:1px solid #203653;border-radius:20px;color:#8fa2b8;font-size:11px;padding:5px 9px}.contact-section{align-items:start;background:radial-gradient(ellipse at 50% 100%,rgba(12,116,139,.16),transparent 60%);border-top:1px solid #101c2e;display:grid;gap:48px;grid-template-columns:1.05fr 1fr;margin:0 auto;max-width:1200px;min-height:560px;padding:90px 5vw}.contact-form-card,.contact-info-card,.social-card{background:#0a1222db;border:1px solid #1a2b47;border-radius:16px;padding:32px}.contact-form-card h2,.contact-info-card h2,.social-card h2{font-family:Space Grotesk,sans-serif;font-size:21px;letter-spacing:-.04em;margin:0 0 27px}.contact-form-card form{display:flex;flex-direction:column}.contact-form-card label{color:#e6ebf3;font-size:13px;font-weight:700;margin:0 0 9px}.contact-form-card input,.contact-form-card textarea{background:#111d34;border:1px solid #203555;border-radius:12px;color:var(--text);font:inherit;font-size:15px;margin:0 0 26px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.contact-form-card input{height:50px}.contact-form-card textarea{height:146px;resize:vertical}.contact-form-card input::placeholder,.contact-form-card textarea::placeholder{color:#8290a5}.contact-form-card input:focus,.contact-form-card textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #1fd4e81a}.contact-form-card .button{border:0;cursor:pointer;margin-top:3px;width:100%}.contact-details{display:flex;flex-direction:column;gap:32px}.contact-info-card h2,.social-card h2{font-size:22px}.contact-detail{align-items:center;display:flex;gap:16px}.contact-icon{align-items:center;background:#073049;border-radius:12px;color:var(--cyan);display:flex;font-size:21px;height:40px;justify-content:center;width:40px}.contact-detail small{color:#8998ae;display:block;font-size:13px;margin-bottom:4px}.contact-detail strong{color:#edf1f8;display:block;font-size:15px;font-weight:500}.social-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}.social-grid a{align-items:center;background:#111d34;border-radius:12px;color:#e2e8f1;display:flex;font-size:14px;font-weight:700;gap:14px;min-height:54px;padding:0 18px;transition:background .2s,color .2s}.social-grid a:hover{background:#173454;color:var(--cyan)}.social-grid a span{align-items:center;color:#a9b7ca;display:flex;font-size:19px;height:23px;justify-content:center;width:22px}.social-grid a:hover span{color:var(--cyan)}footer{align-items:center;border-top:1px solid #101c2e;color:#687a91;display:flex;font-size:12px;justify-content:space-between;padding:25px 4.6vw}footer .brand{font-size:17px}@media(max-width:850px){.hero{align-items:flex-start;flex-direction:column;padding-top:115px}.hero-visual{align-self:center;margin:45px 0 0;width:min(100%,525px)}.scroll-cue{display:none}.content-section{padding:80px 5vw}.content-section:not(#skills):not(#projects){display:block}.about-copy{margin-top:20px}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.site-header{padding:17px 22px}.main-nav{display:none}.main-nav.is-open{background:#080f1df7;border:1px solid #1a2a44;border-radius:12px;display:flex;flex-direction:column;gap:0;padding:7px;position:absolute;right:22px;top:59px}.main-nav.is-open a{padding:10px 14px}.menu-button{background:none;border:0;display:grid;gap:4px;padding:8px 0 8px 8px}.menu-button span{background:#9caac0;display:block;height:2px;transition:transform .2s,opacity .2s;width:23px}.menu-button.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-button.is-open span:nth-child(2){opacity:0}.menu-button.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero{min-height:720px;padding:100px 22px 35px}h1{font-size:47px;margin-top:30px}.subtitle{font-size:15px;line-height:1.45}.intro{font-size:14px}.hero-actions{flex-wrap:wrap}.button{flex:1;min-width:145px;padding:0 14px}.hero-visual{height:340px;margin-top:32px}.portrait-halo{height:282px;top:18px;width:282px}.initials-card{height:266px;top:26px;width:266px}.initials-card span{font-size:76px}.initials-card small{font-size:10px}.tag-campus{right:-5px;top:18px}.tag-ml{right:-6px;top:160px}.tag-web{bottom:17px;left:0}.content-section{padding:70px 22px}.content-section h2,.contact-section h2{font-size:38px}.about-stats{gap:25px}.skills-grid,.projects-grid{grid-template-columns:1fr;margin-top:32px}.project-heading{align-items:flex-start;display:block}.text-link{display:inline-block;margin-top:10px}.contact-section{display:grid;gap:24px;grid-template-columns:1fr;min-height:0;padding:70px 22px}.contact-form-card,.contact-info-card,.social-card{padding:24px}.contact-detail strong{font-size:13px}.social-grid{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column;gap:12px;padding:25px 22px}}