:root{--bg:#080b0a;--panel:#101512;--panel2:#151d18;--text:#edf5ef;--muted:#8e9b92;--line:#25332a;--green:#9bf59e;--green2:#4cbb78;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");z-index:10}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.05)}.brand{font:700 21px 'Space Grotesk';color:var(--text);text-decoration:none}.brand-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 20px #9bf59e88}.muted{color:var(--muted)}nav{display:flex;gap:28px}nav a,.nav-cta{color:var(--muted);text-decoration:none;font-size:14px}nav a:hover,.nav-cta:hover{color:var(--green)}.nav-cta{border:1px solid var(--line);padding:10px 15px;border-radius:100px;color:var(--text)}.section{max-width:var(--max);margin:auto;padding:110px 24px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-top:90px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--green);font-weight:700}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:9px;box-shadow:0 0 0 5px #9bf59e14}.hero h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-2px}.hero h1{font-size:clamp(44px,5vw,74px);line-height:1.02;margin:24px 0}.hero h1 span{color:var(--green)}.hero-text{font-size:17px;line-height:1.8;color:var(--muted);max-width:540px}.hero-actions{display:flex;gap:12px;margin:32px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;padding:15px 20px;border-radius:100px;font-weight:700;font-size:14px;transition:.25s ease}.button:hover{transform:translateY(-3px)}.primary{background:var(--green);color:#071009}.ghost{border:1px solid var(--line);color:var(--text)}.ghost:hover{border-color:var(--green)}.mini-proof{display:flex;align-items:center;gap:13px;color:var(--text)}.mini-proof>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--green)}.mini-proof b,.mini-proof small{display:block}.mini-proof b{font-size:12px}.mini-proof small{font-size:11px;color:var(--muted);margin-top:5px}.hero-visual{position:relative;min-height:460px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.25}.orb-a{width:240px;height:240px;background:#48bd77;top:20px;right:20px}.orb-b{width:180px;height:180px;background:#7fe8b1;bottom:40px;left:20px}.terminal{width:min(100%,480px);background:#0c110e;border:1px solid #2a4434;border-radius:18px;box-shadow:0 30px 100px #0009;overflow:hidden;transform:rotate(2deg);position:relative;z-index:2}.terminal-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid #223126;color:var(--muted)}.terminal-top span{width:9px;height:9px;border-radius:50%;background:#34483a}.terminal-top label{font:12px monospace;margin:auto}.terminal pre{padding:24px;margin:0;overflow:auto;font:13px/2 monospace;color:#a9b8ac}.terminal i{color:#a7e5ac;font-style:normal}.terminal b{color:#f0fff2}.terminal em{color:#f4cf91;font-style:normal}.terminal s{color:#87cfa0;text-decoration:none}.terminal-bottom{font:11px monospace;color:#6f967a;padding:13px 20px;border-top:1px solid #223126}.floating-chip{position:absolute;background:#162219;border:1px solid #38513e;border-radius:100px;padding:10px 14px;font-size:12px;color:var(--green);z-index:3;box-shadow:0 12px 35px #0008}.chip-one{top:70px;left:0}.chip-two{right:0;bottom:70px}.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding:20px 0;color:#6d8875;font:700 12px 'Space Grotesk';letter-spacing:3px}.marquee div{animation:marquee 28s linear infinite}.marquee span{color:var(--green);margin:0 24px}@keyframes marquee{to{transform:translateX(-30%)}}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-head h2{font-size:clamp(34px,4vw,54px);line-height:1.05;margin:15px 0 0}.section-head>p{max-width:350px;color:var(--muted);line-height:1.7;font-size:14px}.projects{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.project{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#111a14,#0c100e);transition:.3s}.project:hover{transform:translateY(-6px);border-color:#456c50}.project.featured{grid-row:span 2;display:flex;flex-direction:column}.project-media{height:300px;position:relative;overflow:hidden;display:grid;place-items:center;background:#161e18}.featured .project-media{height:350px}.project-media img{height:85%;max-width:78%;object-fit:contain;filter:drop-shadow(0 20px 25px #0008);transition:.5s}.project:hover img{transform:translateY(-7px) scale(1.02)}.media-label{position:absolute;top:18px;left:20px;font-size:10px;letter-spacing:1px;color:#a7bcae;text-transform:uppercase;z-index:2}.voice{background:radial-gradient(circle at 50% 30%,#263b2d,#101611 65%)}.wardrobe{background:radial-gradient(circle at 50% 50%,#514331,#1a1914)}.wallify{background:radial-gradient(circle at 50% 40%,#293c35,#101611)}.abstract-card{width:150px;height:180px;border:1px solid #526c5b;border-radius:25px;display:grid;place-items:center;box-shadow:0 20px 60px #0008}.abstract-card span{font:700 100px 'Space Grotesk';color:var(--green)}.abstract-card small{margin-top:-50px;color:var(--muted)}.project-info{padding:30px}.project-kicker{color:var(--green);font-size:11px;letter-spacing:1px;text-transform:uppercase}.project h3{font-size:32px;margin:12px 0}.project p{color:var(--muted);font-size:14px;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.tags span{border:1px solid var(--line);border-radius:100px;padding:6px 10px;color:#b4c6b8;font-size:11px}.project ul{padding-left:17px;color:var(--muted);font-size:13px;line-height:2}.text-link{display:inline-block;color:var(--green);text-decoration:none;font-size:13px;font-weight:700;margin-top:15px}.skills-section{padding-top:40px}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:#0d130f;transition:.25s}.skill-card:hover{background:#132016;border-color:#436a4c}.skill-icon{color:var(--green);font-size:23px}.skill-card h3{font-size:20px;letter-spacing:-.7px;margin:22px 0 8px}.skill-card p{color:var(--muted);font-size:13px;line-height:1.7}.journey{padding-top:40px}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:28px 0;border-bottom:1px solid var(--line)}.year{color:var(--green);font:700 13px 'Space Grotesk'}.timeline h3{font-size:22px;letter-spacing:-.5px;margin:0 0 10px}.timeline p{color:var(--muted);font-size:14px;line-height:1.8;max-width:650px;margin:0}.contact{margin-top:40px;border:1px solid #31533a;border-radius:28px;background:radial-gradient(circle at 80% 0%,#1a3925,#0e1711 60%);display:flex;align-items:center;justify-content:space-between;gap:40px}.contact h2{font-size:clamp(40px,5vw,68px);line-height:1.05;margin:15px 0}.contact p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:520px}.contact-actions{display:flex;flex-direction:column;gap:10px;min-width:210px}.contact-actions .button{gap:10px}footer{max-width:var(--max);margin:auto;padding:30px 24px 50px;display:flex;justify-content:space-between;color:#66796b;font-size:12px;border-top:1px solid rgba(255,255,255,.05)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.nav{height:72px}.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px;gap:25px}.hero-visual{min-height:370px}.section{padding:80px 20px}.section-head{display:block}.section-head>p{margin-top:22px}.projects{grid-template-columns:1fr}.project.featured{grid-row:auto}.skill-grid{grid-template-columns:1fr 1fr}.contact{display:block}.contact-actions{margin-top:30px}.timeline-item{grid-template-columns:1fr;gap:12px}.floating-chip{display:none}}@media(max-width:480px){.hero h1{font-size:43px}.hero-text{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:space-between}.terminal{transform:none}.skill-grid{grid-template-columns:1fr}.project-media,.featured .project-media{height:300px}footer{display:block;line-height:2}}
/* Portfolio additions */
.profile-hero{min-height:520px}.profile-frame{position:relative;width:min(100%,390px);padding:12px;border:1px solid #38513e;border-radius:28px;background:linear-gradient(145deg,#15251a,#0d130f);box-shadow:0 30px 90px #0009;transform:rotate(2deg);z-index:2}.profile-frame img{display:block;width:100%;height:440px;object-fit:cover;object-position:center top;border-radius:19px;filter:saturate(.9)}.profile-caption{display:flex;justify-content:space-between;align-items:center;padding:15px 8px 5px;font-size:12px}.profile-caption span{color:var(--muted)}.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px}.about-copy p{color:var(--muted);font-size:16px;line-height:1.95;margin:0 0 18px}.about-facts{display:grid;gap:12px}.about-facts>div{padding:20px;border:1px solid var(--line);border-radius:16px;background:#0d130f}.about-facts span,.about-facts b{display:block}.about-facts span{font-size:11px;color:var(--green);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.about-facts b{font-size:14px}.achievements-section{padding-top:50px}.achievement-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:35px}.achievement-stats>div{border:1px solid var(--line);border-radius:18px;padding:24px;background:linear-gradient(145deg,#111a14,#0c100e)}.achievement-stats strong{display:block;color:var(--green);font:700 36px 'Space Grotesk';letter-spacing:-1px}.achievement-stats span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:7px}.achievement-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;border-top:1px solid var(--line)}.achievement-list article{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.achievement-number{color:var(--green);font:700 12px 'Space Grotesk'}.achievement-list h3{font-size:19px;letter-spacing:-.5px;margin:0 0 8px}.achievement-list p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.gallery-item{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#0d130f}.gallery-item img{width:100%;height:230px;object-fit:cover;display:block;transition:transform .4s ease}.gallery-item:hover img{transform:scale(1.04)}.gallery-item span{display:block;padding:14px;color:var(--muted);font-size:12px}.phone-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:#9bf59e22;filter:blur(45px)}@media(max-width:850px){.about-grid{grid-template-columns:1fr;gap:25px}.achievement-stats{grid-template-columns:1fr 1fr}.achievement-list{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.profile-frame{transform:none;width:min(100%,340px)}.profile-frame img{height:380px}.profile-hero{min-height:420px}}

/* App splash previews and Android branding */
.project-media img.project-splash{width:92%;height:auto;max-width:92%;max-height:78%;object-fit:contain;border-radius:8px;filter:drop-shadow(0 20px 25px #0008)}
.android-mark svg{width:23px;height:23px;display:block}
.android-skill svg{width:28px;height:28px;display:block}
