:root{--bg:#080d2a;--panel:#10183b;--panel2:#121d49;--text:#edf4ff;--muted:#a2acd0;--cyan:#18dfff;--blue:#4e80ff;--pink:#e44bff;--line:rgba(154,183,255,.18);--mono:'DM Mono',monospace;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--display);overflow-x:hidden}body.light-mode{--bg:#eef5ff;--panel:#fff;--panel2:#dfeafe;--text:#101c43;--muted:#54668c;--line:rgba(16,28,67,.15)}a{color:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-2}.ambient-a{width:400px;height:400px;top:80px;left:-150px;background:#00c9e822;box-shadow:0 0 140px 80px #00c9e811}.ambient-b{width:360px;height:360px;right:-100px;top:690px;background:#b349f733;box-shadow:0 0 130px 60px #b349f722}.grid-glow{position:fixed;inset:0;z-index:-3;opacity:.16;background-image:linear-gradient(rgba(91,157,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(91,157,255,.15) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 70%)}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;max-width:1140px;margin:auto;padding:0 20px;position:relative;z-index:5}.logo{font-size:1.75rem;font-weight:700;letter-spacing:-.08em;text-decoration:none}.logo span{color:var(--cyan)}nav{display:flex;gap:28px}nav a{font:500 .72rem var(--mono);color:var(--muted);text-decoration:none;transition:.25s}nav a:hover,nav a.active{color:var(--text);text-shadow:0 0 15px var(--cyan)}nav a.active{border-bottom:2px solid var(--cyan);padding-bottom:12px}.theme-switch{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#ffffff08;color:var(--cyan);cursor:pointer}.hero{min-height:720px;max-width:1140px;margin:auto;padding:105px 20px 130px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px}.status-pill{display:inline-flex;gap:10px;align-items:center;border:1px solid #168bb175;border-radius:30px;padding:9px 16px;color:#8fe7ff;text-transform:uppercase;font:500 .62rem var(--mono);letter-spacing:.1em}.status-pill span{width:7px;height:7px;border-radius:50%;background:#28d79a;box-shadow:0 0 12px #28d79a;animation:blink 1.8s infinite}.hero-kicker,.mini-title,.section-label{font:500 .67rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.hero-kicker{margin:35px 0 16px}h1{font-size:clamp(4.3rem,9vw,7.9rem);line-height:.87;letter-spacing:-.09em;margin:0;font-weight:600}h1 strong{color:#dceeff}h1 b{color:var(--cyan);font-weight:600;text-shadow:0 0 35px #13dbff55}.typing-line{margin-top:35px;font-size:1.45rem;color:var(--cyan);font-weight:500}.typing-line i{display:inline-block;width:2px;height:22px;background:var(--cyan);margin-left:5px;vertical-align:-3px;animation:blink .8s infinite}.hero-description{max-width:560px;color:var(--muted);font-size:1rem;line-height:1.75;margin:24px 0}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:space-between;gap:25px;align-items:center;padding:15px 20px;border-radius:8px;font:500 .68rem var(--mono);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-4px);box-shadow:0 9px 30px #18dfff44}.button.primary{background:linear-gradient(120deg,var(--cyan),#50a8ff);color:#06122e;border:0}.button.outline{border:1px solid #159bca99;background:#0c1740;color:var(--text)}.hero-social{display:flex;align-items:center;gap:16px;margin-top:38px;color:var(--muted);font: .67rem var(--mono)}.hero-social a{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:.62rem}.hero-social a:hover{border-color:var(--cyan);color:var(--cyan)}.hero-visual{height:555px;position:relative;display:grid;place-items:center;overflow:hidden}.visual-frame{width:300px;height:410px;position:relative;padding:8px;background:linear-gradient(145deg,var(--cyan),#5d70ff 45%,var(--pink));box-shadow:0 0 0 1px #53cfff44,0 0 75px #1adfff2f;transform:rotate(3deg);z-index:2;animation:portraitFloat 6s ease-in-out infinite}.visual-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.photo-scan{position:absolute;inset:8px;background:linear-gradient(transparent 48%,#21dfff44 49%,transparent 51%);background-size:100% 14px;mix-blend-mode:screen;opacity:.35;pointer-events:none}.photo-caption{position:absolute;bottom:8px;left:8px;right:8px;padding:13px 12px;background:#07102bcc;backdrop-filter:blur(8px);font:500 .62rem var(--mono);letter-spacing:.1em}.photo-caption span{float:right;color:var(--cyan)}.corner{position:absolute;width:23px;height:23px;border-color:var(--cyan);z-index:3}.corner-tl{top:-9px;left:-9px;border-top:2px solid;border-left:2px solid}.corner-tr{top:-9px;right:-9px;border-top:2px solid;border-right:2px solid}.corner-bl{bottom:-9px;left:-9px;border-bottom:2px solid;border-left:2px solid}.corner-br{bottom:-9px;right:-9px;border-bottom:2px solid;border-right:2px solid}.orbit{position:absolute;border:1px solid #7e9eff88;border-radius:50%;z-index:1}.orbit-a{width:485px;height:190px;transform:rotate(-35deg);animation:spin 16s linear infinite}.orbit-b{width:430px;height:430px;border-style:dashed;animation:spin-reverse 27s linear infinite}.floating-tag{position:absolute;background:#111a40e8;border:1px solid #4770a8aa;box-shadow:0 8px 25px #02061655;border-radius:8px;padding:11px 14px;font:500 .65rem var(--mono);z-index:4;animation:tagFloat 4s ease-in-out infinite}.tag-developer{top:100px;left:12px}.tag-creative{right:3px;top:245px;animation-delay:1s}.tag-solver{bottom:105px;left:30px;animation-delay:2s}.scroll-cue{position:absolute;bottom:13px;color:#6477a9;font: .62rem var(--mono);letter-spacing:.16em;text-transform:uppercase}.scroll-cue span{color:var(--cyan);font-size:1.3rem;vertical-align:-2px}.ticker{border-top:1px solid #3f6fcb55;border-bottom:1px solid #3f6fcb55;overflow:hidden;white-space:nowrap;background:#101947cc;transform:rotate(-1.1deg) scale(1.02)}.ticker-inner{display:flex;justify-content:space-around;align-items:center;gap:35px;padding:16px;font:500 .68rem var(--mono);color:#bad2ff;animation:marquee 24s linear infinite}.ticker-inner i{color:var(--cyan);font-style:normal}.section{max-width:1140px;margin:auto;padding:145px 20px}.section-label{margin-bottom:40px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-intro h2,.contact h2{font-size:clamp(3.3rem,7vw,6.5rem);line-height:.87;letter-spacing:-.09em;margin:18px 0 0;font-weight:600}.section-intro h2 em,.contact h2 em{font-style:normal;color:var(--cyan);text-shadow:0 0 30px #1ddfff44}.lead-copy{max-width:380px;color:var(--muted);line-height:1.7;margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:90px}.about-story h3{font-size:2rem;margin:0 0 22px}.about-story p{color:var(--muted);line-height:1.75;max-width:500px}.arrow-link{display:inline-block;color:var(--cyan);font: .7rem var(--mono);text-decoration:none;border-bottom:1px solid var(--cyan);padding-bottom:8px;margin-top:14px}.info-table{border-top:1px solid var(--line)}.info-table div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:17px 0;font: .72rem var(--mono)}.info-table span{color:var(--muted)}.info-table strong{font-weight:400;text-align:right}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:75px}.skill-card{padding:20px;background:#10194099;border:1px solid var(--line);border-radius:8px;transition:.3s}.skill-card:hover{border-color:var(--cyan);transform:translateY(-7px);background:#15306a}.skill-card .skill-top{display:flex;justify-content:space-between;color:var(--cyan);font: .72rem var(--mono)}.skill-card h3{font-size:1.1rem;margin:30px 0 12px}.bar{height:3px;background:#26355c}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 10px var(--cyan)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:75px}.service-card{min-height:300px;padding:23px;border:1px solid var(--line);background:linear-gradient(145deg,#17225299,#0d1535);position:relative;transition:.3s}.service-card:hover{border-color:var(--pink);transform:translateY(-8px)}.service-card>span{font: .7rem var(--mono);color:var(--cyan)}.service-icon{font-size:2.5rem;color:var(--cyan);margin:35px 0 20px}.service-card h3{font-size:1.2rem}.service-card p{font-size:.85rem;color:var(--muted);line-height:1.6}.filter-bar{display:flex;gap:25px}.filter-button{background:none;border:0;border-bottom:1px solid transparent;color:var(--muted);font: .68rem var(--mono);padding:8px 0;cursor:pointer}.filter-button.active{color:var(--cyan);border-color:var(--cyan)}.project-list{margin-top:75px}.project-card{display:grid;grid-template-columns:80px 1fr 1fr 120px;align-items:center;gap:25px;border-top:1px solid var(--line);padding:29px 0;transition:.3s}.project-card:last-child{border-bottom:1px solid var(--line)}.project-card:hover{padding-left:15px;background:#121f4f55}.project-card.hidden{display:none}.project-number{color:var(--cyan);font: .72rem var(--mono)}.project-card h3{font-size:1.55rem;margin:0}.project-card p{color:var(--muted);font-size:.84rem;line-height:1.5;margin:0}.project-tags{display:flex;gap:8px;flex-wrap:wrap}.project-tags span{padding:6px 8px;border:1px solid var(--line);color:#b9c9ee;font: .6rem var(--mono)}.project-arrow{justify-self:end;font-size:2rem;color:var(--cyan)}.timeline{margin-top:80px;border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:170px 1fr;gap:45px;border-bottom:1px solid var(--line);padding:36px 0}.timeline-row time{font: .78rem var(--mono);color:var(--cyan)}.timeline-row span{font: .65rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--pink)}.timeline-row h3{font-size:1.8rem;margin:10px 0}.timeline-row p{color:var(--muted);line-height:1.6;max-width:640px;margin:0}.education-note{display:flex;justify-content:space-between;margin-top:30px;padding:22px;background:#121e4c;border:1px solid var(--line);font: .75rem var(--mono)}.education-note span{color:var(--cyan)}.education-note strong{font-weight:400}.certificate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:70px}.certificate{padding:24px;background:var(--panel);border:1px solid var(--line)}.certificate>span{font-size:2rem;color:var(--cyan)}.certificate h3{font-size:1.1rem;margin:32px 0 12px}.certificate p{color:var(--muted);font-size:.8rem;line-height:1.5}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:70px}.stats-row div{padding:28px;border-right:1px solid var(--line)}.stats-row div:last-child{border:0}.stats-row strong{display:block;font-size:2.5rem;color:var(--cyan)}.stats-row span{font: .65rem var(--mono);color:var(--muted);text-transform:uppercase}.gallery-grid{display:grid;grid-template-columns:1.3fr .7fr .9fr;grid-template-rows:190px 190px;gap:14px;margin-top:70px}.gallery-tile{padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px;transition:.3s}.gallery-tile:hover{transform:scale(.98)}.gallery-tile span{font: .65rem var(--mono)}.gallery-tile strong{font-size:2.6rem;line-height:.9;letter-spacing:-.08em}.tile-one{grid-row:span 2;background:linear-gradient(145deg,#15d3e6,#2865fc)}.tile-two{background:linear-gradient(145deg,#b842f1,#4a45c7)}.tile-three{background:linear-gradient(145deg,#ff6c95,#ffbd55)}.tile-four{grid-column:span 2;background:linear-gradient(145deg,#29d69a,#267bca)}.contact-panel{padding:80px 70px;background:linear-gradient(130deg,#142254,#121a43);border:1px solid #376dc277;box-shadow:0 0 80px #1e72b522}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:35px}.contact-content>div:first-child>p:last-child{color:var(--muted);max-width:370px;line-height:1.6;margin-top:32px}.contact-details{display:flex;flex-direction:column;gap:18px}.contact-details a{font: .8rem var(--mono);color:#d8e4ff;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:15px}.contact-details span{display:block;color:var(--cyan);font-size:.65rem;margin-bottom:7px;text-transform:uppercase}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:65px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #5470aa;background:transparent;color:var(--text);padding:13px 0;font: .85rem var(--display);outline:0}.contact-form textarea{grid-column:span 2;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan)}.contact-form button{justify-self:start}.contact-form p{color:var(--cyan);font: .7rem var(--mono)}footer{max-width:1140px;margin:auto;padding:32px 20px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font: .64rem var(--mono);border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.15s}@keyframes portraitFloat{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-12px)}}@keyframes spin{to{transform:rotate(325deg)}}@keyframes spin-reverse{to{transform:rotate(-325deg)}}@keyframes tagFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes marquee{to{transform:translateX(-45%)}}@keyframes blink{50%{opacity:.2}}@media(max-width:850px){nav{gap:13px}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{margin-top:30px}.skill-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.project-card{grid-template-columns:55px 1fr 80px}.project-card p{grid-column:2}.project-tags{grid-column:2}.project-arrow{grid-column:3;grid-row:1/3}.certificate-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar{height:70px}.topbar nav{display:none}.hero{padding-top:65px;min-height:0}.hero-visual{height:490px}.visual-frame{width:250px;height:350px}.orbit-a{width:380px}.orbit-b{width:360px;height:360px}.tag-developer{left:0}.tag-creative{right:0}.tag-solver{left:5px}.section{padding:95px 20px}.section-intro,.about-grid,.contact-content{display:block}.lead-copy{margin-top:35px}.about-grid{margin-top:55px}.info-table{margin-top:55px}.skill-grid,.service-grid,.certificate-grid{grid-template-columns:1fr 1fr;gap:9px}.skill-card{padding:15px}.skill-card h3{font-size:.95rem}.service-card{min-height:270px;padding:17px}.service-icon{margin:25px 0 13px}.project-card{grid-template-columns:40px 1fr 40px;gap:12px}.project-card p,.project-tags{grid-column:2}.project-arrow{grid-column:3}.timeline-row{grid-template-columns:1fr;gap:15px}.education-note{display:block;line-height:1.7}.education-note strong{display:block;margin-top:10px}.stats-row{grid-template-columns:1fr 1fr}.stats-row div:nth-child(2){border:0}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 180px}.tile-one{grid-row:span 2}.tile-four{grid-column:span 2}.gallery-tile strong{font-size:1.8rem}.contact-panel{padding:40px 22px}.contact-form{display:block}.contact-form input,.contact-form textarea{margin-bottom:20px}.contact-form textarea{min-height:100px}.contact-form button{margin-top:10px}footer{display:block;line-height:2.2}}