@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#111;--border:#ffffff12;--text:#e3dffe;--muted:#94a3b8;--accent:#00f2ff;--accent2:#6bbaff;--font:"DM Sans", sans-serif;--mono:"DM Mono", monospace;--accent-glow:#00f2ff80;--button-shadow:#00f2ff33;--nav-scrolled:#0c0c0ed9}[data-theme=light]{--bg:#fff;--surface:#f8fafc;--text:#0f172a;--muted:#475569;--accent:#00868f;--border:#00000014;--accent-glow:#00868f1a;--button-shadow:#00868f26;--nav-scrolled:#f8fafce6}.accent-element{color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}[data-theme=light] .accent-element{text-shadow:0 1px 2px var(--accent-glow);font-weight:600}.button-glow{border:1px solid var(--accent);box-shadow:0 0 15px var(--button-shadow)}[data-theme=light] .button-glow{box-shadow:0 4px 12px var(--button-shadow);background-color:#0000;transition:all .3s}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);cursor:none;overflow-x:hidden}.cur{pointer-events:none;z-index:9999;border-radius:50%;transition:width .25s,height .25s,background .25s;position:fixed;transform:translate(-50%,-50%)}.cur-dot{background:var(--accent);width:8px;height:8px}.cur-ring{background:0 0;border:1.5px solid #00f2ff66;width:36px;height:36px}.cur-ring.grow{width:56px;height:56px}.container{width:100%;max-width:1200px;margin:0 auto}nav{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:24px 40px;transition:border-color .4s,background .4s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{background:var(--nav-scrolled);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--border)}.nav-logo{font-family:var(--mono);letter-spacing:.5px;color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.logo-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;display:inline-block}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{letter-spacing:.4px;color:var(--muted);font-size:13px;font-weight:400;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--accent);font-weight:500}.nav-cta{font-family:var(--mono);border:1px solid var(--border);color:var(--text);cursor:none;letter-spacing:.5px;background:0 0;border-radius:6px;padding:9px 20px;font-size:12px;font-weight:500;transition:border-color .2s,background .2s}.nav-cta:hover{border-color:var(--accent);background:#00f2ff0f;box-shadow:0 0 15px #00f2ff33}.hero{flex-direction:column;min-height:100vh;padding-top:140px;padding-bottom:48px;display:flex;position:relative;overflow:hidden}.hero-top-content{flex-direction:column;width:100%;display:flex}.hero-greeting{color:var(--muted);align-items:center;gap:8px;margin-bottom:28px;padding:0 40px;font-size:15px;font-weight:400;display:flex}.wave{animation:1.8s ease-in-out .8s 2 wave;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.hero-marquee-band{opacity:0;align-items:center;width:100%;height:500px;animation:.8s .35s forwards fadeUp;display:flex;position:relative;overflow:visible}.hero-name-track{white-space:nowrap;will-change:transform;align-items:center;gap:0;width:max-content;animation:80s linear infinite nameMarquee;display:flex}@keyframes nameMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-name-item{letter-spacing:-6px;color:var(--text);-webkit-user-select:none;user-select:none;text-transform:uppercase;padding-right:60px;font-size:clamp(100px,15vw,220px);font-weight:800;line-height:1}.hero-name-dot{color:var(--accent);-webkit-text-stroke:0;opacity:.6;margin-left:8px}@keyframes photoEntrance{0%{opacity:0;transform:translate(-50%,calc(60px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.hero-band-img{z-index:10;width:auto;height:95vh;display:block;position:absolute;top:50%;left:50%}.hero-bottom-row{opacity:0;grid-template-columns:1fr 380px;gap:0 60px;margin-top:120px;padding:0 40px;animation:.7s .6s forwards fadeUp;display:grid}.hero-left{flex-direction:column;justify-content:flex-start;gap:0;display:flex}.hero-role{font-family:var(--mono);color:var(--muted);letter-spacing:.5px;font-size:13px}.hero-scroll{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;margin-top:32px;font-size:11px;display:flex}.scroll-bar{background:var(--border);flex:1;max-width:60px;height:1px;position:relative;overflow:hidden}.scroll-bar:after{content:"";background:var(--accent);width:100%;height:100%;animation:2s ease-in-out 1.5s infinite slide;position:absolute;top:0;left:-100%}@keyframes slide{0%{left:-100%}to{left:200%}}.hero-right{flex-direction:column;justify-content:flex-start;gap:32px;padding-bottom:4px;display:flex}.hero-contact{flex-direction:column;gap:10px;display:flex}.contact-row{color:var(--muted);cursor:none;align-items:center;gap:12px;font-size:13px;text-decoration:none;transition:color .2s;display:flex}.contact-row:hover{color:var(--text)}.contact-row .label{font-family:var(--mono);color:var(--accent);min-width:14px;font-size:11px}.social-row{gap:16px;margin-top:4px;display:flex}.social-link{color:var(--muted);letter-spacing:.3px;cursor:none;align-items:center;gap:4px;font-size:12px;text-decoration:none;transition:color .2s;display:flex}.social-link .slash{color:var(--accent);font-family:var(--mono)}.social-link:hover{color:var(--text)}.marquee-section{background:var(--bg);padding:60px 0 0}.marquee-label{margin-bottom:24px;padding:0 40px}.marquee-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:12px 0;overflow:hidden}.marquee-track{gap:48px;width:max-content;animation:18s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.marquee-item{letter-spacing:-1px;color:#0000;-webkit-text-stroke:1px #ffffff26;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:clamp(24px,3vw,36px);font-weight:600}.marquee-item.filled{-webkit-text-stroke:0;color:#ffffff26}[data-theme=light] .marquee-item{-webkit-text-stroke:1px #0003}[data-theme=light] .marquee-item.filled{color:#00000040}.marquee-icon{filter:grayscale()brightness(200%);opacity:.6;width:32px;height:32px}[data-theme=light] .marquee-icon{filter:grayscale(80%)brightness(70%);opacity:.7}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}section{padding:100px 40px}.section-label{font-family:var(--mono);letter-spacing:1px;color:var(--accent);text-shadow:0 0 8px #00f2ff80;align-items:center;gap:8px;margin-bottom:48px;font-size:12px;display:flex}.section-label:before{content:"//"}.skills-section{background:var(--bg)}.skills-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.skill-col h3{font-family:var(--mono);letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:20px;font-size:12px}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{border:1px solid var(--border);color:var(--muted);cursor:none;border-radius:6px;padding:6px 14px;font-size:13px;transition:border-color .2s,color .2s,background .2s}.skill-tag:hover{border-color:var(--accent);color:var(--text);background:#00868f0d}[data-theme=light] .skill-tag:hover{background:#00868f0f}.about-blurb{max-width:640px;color:var(--muted);margin-top:64px;font-size:16px;font-weight:300;line-height:1.8}.about-blurb strong{color:var(--text);font-weight:500}.resume-link{color:var(--text);letter-spacing:.3px;border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-top:28px;padding-bottom:4px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.resume-link:hover{border-color:var(--accent);color:var(--accent);text-shadow:0 0 8px #00f2ff4d}.stats-row{gap:0;margin-top:64px;display:flex}.stat{border-left:1px solid var(--border);flex:1;padding-left:32px;padding-right:32px}.stat:first-child{border-left:none;padding-left:0}.stat .num{letter-spacing:-2px;color:var(--text);font-size:48px;font-weight:600;line-height:1}.stat .num span{color:var(--accent)}.stat .lbl{color:var(--muted);letter-spacing:.3px;margin-top:6px;font-size:12px}.projects-section{background:var(--bg)}.projects-header{justify-content:space-between;align-items:flex-end;margin-bottom:48px;display:flex}.projects-header h2{letter-spacing:-1.5px;font-size:clamp(32px,5vw,52px);font-weight:600}.view-all{color:var(--muted);cursor:none;align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:color .2s;display:flex}.view-all:hover{color:var(--accent);text-shadow:0 0 8px #00f2ff4d}.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.project-card{background:var(--bg);border:1px solid var(--border);cursor:none;border-radius:16px;flex-direction:column;transition:border-color .3s,transform .3s;display:flex;overflow:hidden}.project-card:hover{border-color:#00f2ff40;transform:translateY(-4px)}.project-card.wide{flex-direction:row;grid-column:1/-1;align-items:stretch}.project-img{aspect-ratio:16/9;perspective:1000px;flex-shrink:0;overflow:hidden}.project-card.wide .project-img{aspect-ratio:auto;width:45%}.project-img-inner{justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;transition:transform .5s;display:flex}.project-custom-img{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-custom-img{transform:scale(1.08)translateZ(30px)rotateX(4deg)rotateY(-4deg)}.project-card:hover .project-img-inner{transform:scale(1.06)}.project-body{flex-direction:column;flex:1;gap:12px;padding:24px 28px;display:flex}.project-num{font-family:var(--mono);color:var(--muted);font-size:11px}.project-title{letter-spacing:-.4px;font-size:20px;font-weight:600}.project-desc{color:var(--muted);flex:1;font-size:14px;line-height:1.7}.project-techs{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.project-tech{font-family:var(--mono);letter-spacing:.3px;border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:4px 10px;font-size:11px}.contact-section{background:var(--bg)}.contact-left h2{letter-spacing:-2px;font-size:clamp(40px,6vw,72px);font-weight:600;line-height:.95}.contact-left h2 em{color:var(--accent);text-shadow:0 0 8px #00f2ff80;font-style:italic;font-weight:300}.contact-left p{color:var(--muted);margin-top:28px;font-size:16px;font-weight:300;line-height:1.8}.contact-cta{background:var(--accent);color:var(--bg);letter-spacing:.3px;cursor:none;border:none;border-radius:8px;align-items:center;gap:10px;margin-top:36px;padding:14px 32px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.contact-cta:hover{opacity:.85;transform:translateY(-2px)}.contact-right{flex-direction:column;gap:20px;display:flex}.contact-item{border:1px solid var(--border);color:var(--text);cursor:none;border-radius:12px;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.contact-item:hover{background:#00f2ff08;border-color:#00f2ff4d}.contact-item-icon{width:40px;height:40px;font-family:var(--mono);color:var(--accent);background:#ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.contact-item-label{color:var(--muted);letter-spacing:.5px;margin-bottom:3px;font-size:11px}.contact-item-val{font-size:14px;font-weight:500}.contact-form{background:var(--surface);border:1px solid #00f2ff33;border-radius:16px;flex-direction:column;gap:16px;padding:32px;transition:border-color .3s;display:flex}.contact-form:hover{border-color:var(--accent)}.form-input{background:var(--bg);border:1px solid var(--border);font-family:var(--font);color:var(--text);cursor:none;border-radius:8px;outline:none;padding:16px;font-size:14px;transition:border-color .2s}.form-input::placeholder{color:var(--muted)}.form-input:focus{border-color:var(--accent)}.form-textarea{resize:vertical}.form-submit{background:var(--accent);color:var(--bg);letter-spacing:.3px;cursor:none;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin-top:8px;padding:14px 32px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex}.form-submit:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 0 20px #00f2ff66}.contact-horizontal-list{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.contact-item.horizontal{flex:1 1 0;min-width:220px;max-width:300px;padding:16px 24px}footer{border-top:1px solid var(--border);color:var(--muted);font-size:12px;font-family:var(--mono);padding:28px 0}footer a{color:var(--muted);text-decoration:none;transition:color .2s}footer a:hover{color:var(--text)}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(32px)}.reveal.up{opacity:1;transform:translateY(0)}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:100px}.hero-right{display:none}.skills-grid{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr}.project-card.wide{flex-direction:column}.project-card.wide .project-img{aspect-ratio:16/9;width:100%}.contact-section{grid-template-columns:1fr}nav{padding:20px 24px}section{padding:80px 24px}.stats-row{flex-wrap:wrap;gap:32px}.stat{border-left:none;border-top:1px solid var(--border);width:calc(50% - 16px);padding-top:24px;padding-left:0}.stat:first-child{border-top:none;padding-top:0}}.loader-container{z-index:10000;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-text{color:var(--text);font-size:clamp(18px,3vw,28px);font-weight:500;font-family:var(--font);flex-wrap:wrap;justify-content:center;display:flex}.about-page{background:var(--bg);min-height:100vh}.about-intro-section{padding:140px 40px 100px}.about-intro-grid{grid-template-columns:1fr 420px;align-items:start;gap:80px;display:grid}.about-intro-text{flex-direction:column;gap:0;display:flex}.about-headline{letter-spacing:-2px;margin-bottom:28px;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.1}.about-headline-accent{color:var(--accent);text-shadow:0 0 20px var(--accent-glow);font-style:italic;font-weight:300}.about-bio{color:var(--muted);max-width:580px;margin-bottom:18px;font-size:16px;font-weight:300;line-height:1.85}.about-bio strong{color:var(--text);font-weight:600}.about-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:16px;display:flex}.about-resume-btn{background:var(--accent);color:var(--bg);letter-spacing:.3px;cursor:none;border-radius:8px;align-items:center;gap:10px;padding:13px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .25s,transform .25s,box-shadow .25s;display:inline-flex}.about-resume-btn:hover{opacity:.88;box-shadow:0 8px 24px var(--button-shadow);transform:translateY(-3px)}.about-resume-icon{font-size:16px;font-weight:700}.about-contact-link{color:var(--muted);border-bottom:1px solid var(--border);cursor:none;letter-spacing:.3px;padding-bottom:2px;font-size:14px;text-decoration:none;transition:color .2s,border-color .2s}.about-contact-link:hover{color:var(--accent);border-color:var(--accent)}.about-intro-visual{flex-direction:column;gap:28px;display:flex;position:sticky;top:120px}.about-photo-wrap{border:1px solid var(--border);aspect-ratio:3/4;border-radius:20px;max-height:440px;position:relative;overflow:hidden}.about-photo{object-fit:cover;object-position:top center;filter:grayscale(10%);width:100%;height:100%;transition:filter .4s,transform .5s;display:block}.about-photo-wrap:hover .about-photo{filter:grayscale(0%);transform:scale(1.03)}.about-photo-glow{pointer-events:none;background:linear-gradient(#0000,#00f2ff14);height:40%;position:absolute;bottom:0;left:0;right:0}[data-theme=light] .about-photo-glow{background:linear-gradient(#0000,#00868f0f)}.about-stat-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.about-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:16px 14px;transition:border-color .25s,transform .25s;display:flex}.about-stat-card:hover{border-color:var(--accent);transform:translateY(-3px)}.about-stat-num{letter-spacing:-1px;color:var(--accent);font-size:26px;font-weight:700;line-height:1}.about-stat-lbl{color:var(--muted);letter-spacing:.4px;font-size:11px;line-height:1.4}.journey-section{background:var(--surface);border-top:1px solid var(--border);padding:80px 40px 120px}.journey-heading{letter-spacing:-1.5px;margin-top:12px;margin-bottom:12px;font-size:clamp(32px,5vw,52px);font-weight:700}.journey-sub{color:var(--muted);max-width:500px;margin-bottom:64px;font-size:15px;font-weight:300;line-height:1.7}.timeline-alt{flex-direction:column;gap:0;display:flex;position:relative}.timeline-alt-spine{background:var(--border);z-index:0;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-alt-row{z-index:1;grid-template-columns:1fr 40px 1fr;align-items:start;margin-top:-32px;display:grid;position:relative}.tl-left .timeline-alt-card{grid-area:1/1;margin-right:24px}.tl-left .timeline-alt-dot-wrap{grid-area:1/2}.tl-left .timeline-alt-spacer{grid-area:1/3}.tl-right .timeline-alt-spacer{grid-area:1/1}.tl-right .timeline-alt-dot-wrap{grid-area:1/2}.tl-right .timeline-alt-card{grid-area:1/3;margin-left:24px}.tl-right{margin-top:0}.timeline-alt-card{background:var(--bg);border:1px solid var(--border);cursor:none;will-change:transform;backface-visibility:hidden;border-radius:14px;margin-bottom:4px;padding:16px 20px 16px 24px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.timeline-alt-card:hover{border-color:var(--card-color,var(--accent));box-shadow:0 8px 28px #0003, 0 0 0 1px var(--card-color,var(--accent))}[data-theme=light] .timeline-alt-card:hover{box-shadow:0 8px 20px #0000001a, 0 0 0 1px var(--card-color,var(--accent))}.timeline-alt-bar{opacity:.85;border-radius:3px 0 0 3px;width:3px;transition:opacity .25s;position:absolute;top:0;bottom:0}.tl-left .timeline-alt-bar{border-radius:0 3px 3px 0;left:auto;right:0}.tl-right .timeline-alt-bar{border-radius:3px 0 0 3px;left:0;right:auto}.timeline-alt-card:hover .timeline-alt-bar{opacity:1}.timeline-alt-dot-wrap{justify-content:center;padding-top:18px;display:flex}.timeline-alt-dot{z-index:2;cursor:none;border-radius:50%;flex-shrink:0;width:14px;height:14px;position:relative}.timeline-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.timeline-type{font-family:var(--mono);letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:600}.timeline-period{font-family:var(--mono);color:var(--muted);letter-spacing:.4px;font-size:11px}.timeline-role{letter-spacing:-.3px;color:var(--text);margin-bottom:4px;font-size:17px;font-weight:600}.timeline-org{color:var(--muted);letter-spacing:.4px;font-size:12px;font-family:var(--mono);margin-bottom:10px}.timeline-desc{color:var(--muted);font-size:13px;font-weight:300;line-height:1.75}@media (width<=900px){.about-intro-grid{grid-template-columns:1fr;gap:48px}.about-intro-visual{max-width:420px;margin:0 auto;position:static}.about-intro-section{padding:120px 24px 80px}.journey-section{padding:60px 24px 80px}.about-stat-cards{grid-template-columns:repeat(3,1fr)}.timeline-alt-spine{left:16px;transform:none}.timeline-alt-row,.tl-left,.tl-right{flex-direction:row;align-items:flex-start;gap:16px;margin-top:0;display:flex}.tl-right{margin-top:0}.tl-left .timeline-alt-card,.tl-right .timeline-alt-card{flex:1;margin:0}.tl-left .timeline-alt-bar{border-radius:3px 0 0 3px;left:0;right:auto}.timeline-alt-dot-wrap{flex-shrink:0;padding-top:24px}.timeline-alt-spacer{display:none}}.pp-page{background:var(--bg);min-height:100vh}.pp-hero{align-items:flex-end;height:70vh;min-height:480px;display:flex;position:relative;overflow:hidden}.pp-hero-img-wrap{will-change:transform;position:absolute;inset:0}.pp-hero-img{object-fit:cover;object-position:top center;filter:brightness(.45)saturate(.8);width:100%;height:115%;display:block}.pp-hero-emoji-bg{justify-content:center;align-items:center;font-size:120px;display:flex}.pp-hero-overlay{background:linear-gradient(to top, var(--bg) 0%, #0006 60%, transparent 100%);pointer-events:none;position:absolute;inset:0}[data-theme=light] .pp-hero-overlay{background:linear-gradient(to top, var(--bg) 0%, #fff6 60%, transparent 100%)}.pp-hero-content{z-index:2;width:100%;padding:0 40px 52px;position:relative}.pp-hero-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.pp-back-link{font-family:var(--mono);letter-spacing:.5px;color:#fff9;cursor:none;font-size:12px;text-decoration:none;transition:color .2s}.pp-back-link:hover{color:#fff}.pp-hero-tag{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);border-radius:20px;padding:3px 12px;font-size:11px}.pp-hero-title{letter-spacing:-2px;color:var(--text);margin-bottom:16px;font-size:clamp(36px,6vw,72px);font-weight:700;line-height:1.05}.pp-hero-title,.pp-hero-subtitle,.pp-back-link{color:#fff}[data-theme=light] .pp-hero-title,[data-theme=light] .pp-hero-subtitle,[data-theme=light] .pp-back-link{color:#111}.pp-hero-subtitle{opacity:.8;max-width:560px;margin-bottom:28px;font-size:16px;font-weight:300;line-height:1.7}.pp-hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pp-github-btn{letter-spacing:.3px;cursor:none;background:var(--accent);color:#000;border-radius:8px;align-items:center;gap:10px;padding:12px 26px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .25s,transform .25s,box-shadow .25s;display:inline-flex}.pp-github-btn:hover{opacity:.88;box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-3px)}.pp-info-chip{font-family:var(--mono);color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:11px}.pp-hero-info{gap:8px;display:flex}.pp-body{flex-direction:column;gap:64px;padding:72px 40px 0;display:flex}.pp-section{flex-direction:column;gap:20px;display:flex}.pp-section-label{font-family:var(--mono);letter-spacing:1px;margin:0;font-size:12px;font-weight:500}.pp-overview-text{color:var(--muted);max-width:800px;font-size:17px;font-weight:300;line-height:1.9}.pp-two-col{grid-template-columns:1fr 1fr;gap:48px 64px;display:grid}.pp-features-list{flex-direction:column;gap:14px;list-style:none;display:flex}.pp-feature-item{color:var(--muted);cursor:none;align-items:flex-start;gap:14px;font-size:14px;line-height:1.7;transition:color .2s;display:flex}.pp-feature-item:hover{color:var(--text)}.pp-feature-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;flex-shrink:0;margin-top:6px}.pp-tech-grid{flex-wrap:wrap;gap:8px;display:flex}.pp-tech-badge{font-family:var(--mono);letter-spacing:.3px;border:1px solid var(--border);color:var(--muted);cursor:none;border-radius:6px;padding:6px 14px;font-size:12px;transition:border-color .2s,color .2s}.pp-tech-badge:hover{color:var(--text)}.pp-challenges{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:28px 32px}.pp-challenge-text{color:var(--muted);quotes:none;margin:0;font-size:15px;font-style:normal;font-weight:300;line-height:1.9}.pp-cta-banner{text-align:center;border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:60px 40px;display:flex;position:relative;overflow:hidden}.pp-cta-glow{background:radial-gradient(ellipse at 50% 100%, var(--accent-glow) 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}[data-theme=light] .pp-cta-glow{background:radial-gradient(at 50% 110%,#00868f59 0%,#00868f1f 45%,#0000 72%)}[data-theme=light] .pp-cta-banner{border-color:#00868f40;box-shadow:0 8px 40px #00868f2e,0 2px 12px #00868f1a}.pp-cta-heading{letter-spacing:-1px;font-size:clamp(24px,4vw,40px);font-weight:700;position:relative}.pp-cta-sub{color:var(--muted);max-width:420px;font-size:15px;font-weight:300;line-height:1.7;position:relative}.pp-cta-btn{margin-top:8px;padding:14px 32px;font-size:15px;position:relative}.pp-sibling-nav{border-top:1px solid var(--border);justify-content:space-between;gap:24px;padding:48px 0 80px;display:flex}.pp-sibling-link{cursor:none;flex-direction:column;gap:6px;max-width:45%;text-decoration:none;transition:opacity .2s;display:flex}.pp-sibling-link:hover{opacity:.8}.pp-sibling-next{text-align:right;align-items:flex-end}.pp-sibling-dir{font-family:var(--mono);color:var(--muted);letter-spacing:.5px;font-size:11px}.pp-sibling-title{color:var(--accent);letter-spacing:-.3px;font-size:16px;font-weight:600}.project-view-hint{font-size:12px;font-family:var(--mono);color:var(--muted);align-items:center;gap:6px;margin-top:8px;transition:color .2s,gap .2s;display:flex}.project-card:hover .project-view-hint{color:var(--accent);gap:10px}@media (width<=900px){.pp-body{gap:48px;padding:48px 24px 0}.pp-two-col{grid-template-columns:1fr;gap:48px}.pp-hero-content{padding:0 24px 40px}.pp-cta-banner{padding:40px 24px}.pp-sibling-nav{flex-direction:column;gap:16px}.pp-sibling-link{max-width:100%}.pp-sibling-next{text-align:left;align-items:flex-start}}.spotify-section{background:var(--bg);padding:100px 40px 60px;position:relative;overflow:hidden}.spotify-top-glow{background:linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);opacity:.35;pointer-events:none;width:60%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.spotify-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:0 40px;display:grid}.spotify-copy{flex-direction:column;gap:0;display:flex}.spotify-heading{letter-spacing:-2px;margin-bottom:24px;font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.05}.spotify-heading-accent{color:var(--accent);text-shadow:0 0 28px var(--accent-glow);font-style:italic;font-weight:300}[data-theme=light] .spotify-heading-accent{text-shadow:0 1px 3px var(--accent-glow)}.spotify-sub{color:var(--muted);max-width:400px;margin-bottom:36px;font-size:15px;font-weight:300;line-height:1.85}.spotify-live-pill{font-family:var(--mono);letter-spacing:.8px;color:var(--muted);border:1px solid var(--border);border-radius:20px;align-items:center;gap:10px;width:fit-content;margin-bottom:28px;padding:6px 14px;font-size:11px;display:inline-flex}.spotify-eq{align-items:flex-end;gap:2.5px;height:14px;display:flex}.spotify-eq-bar{background:var(--accent);width:2.5px;box-shadow:0 0 6px var(--accent-glow);animation:1.1s ease-in-out infinite alternate eqBounce;animation-delay:var(--delay);height:calc(var(--max-h) * 14px);border-radius:2px;display:block}@keyframes eqBounce{0%{transform:scaleY(.25)}50%{transform:scaleY(.7)}to{transform:scaleY(1)}}.spotify-open-link{color:var(--text);letter-spacing:.3px;border-bottom:1px solid var(--border);cursor:none;align-items:center;gap:8px;width:fit-content;padding-bottom:4px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.spotify-open-link:hover{color:#1db954;text-shadow:0 0 10px #1db9544d;border-color:#1db954}.spotify-logo-icon{color:#1db954;flex-shrink:0;width:16px;height:16px}.spotify-embed-wrap{border-radius:16px;position:relative;overflow:hidden}.spotify-embed-glow{pointer-events:none;z-index:0;background:radial-gradient(at 50% 110%,#1db9542e 0%,#0000 70%);border-radius:16px;position:absolute;inset:-1px}.spotify-iframe{z-index:1;border:1px solid var(--border);border-radius:16px;display:block;position:relative;box-shadow:0 0 0 1px #1db95414,0 24px 60px #0006}[data-theme=light] .spotify-iframe{box-shadow:0 0 0 1px #1db9541f,0 12px 40px #0000001f}@media (width<=900px){.spotify-section{padding:80px 24px 96px}.spotify-inner{grid-template-columns:1fr;gap:48px;padding:0}.spotify-heading{font-size:clamp(32px,8vw,48px)}.spotify-sub{max-width:100%}.spotify-iframe{height:400px}}@media (width<=480px){.spotify-iframe{height:352px}}