@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600;700&display=swap";:root{color:#f7f3ff;background:#0b0614;font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f7f3ff;background:#0b0614;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}a,button{font:inherit}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#0e081ad1;border-bottom:1px solid #ffffff14;height:64px;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;width:min(1100px,100% - 40px);height:100%;margin:0 auto;display:flex}.brand{align-items:center;gap:7px;font:14px DM Mono,monospace;display:flex}.brand-icon{color:#e879f9;font-size:18px}.brand-name{font-weight:500}.brand-sub{color:#9d8aa7}.nav-links{color:#aa98b6;align-items:center;gap:30px;font-size:14px;display:flex}.nav-links a{transition:color .16s}.nav-links a:hover{color:#fff}.contact-link{border:1px solid #e879f959;border-radius:999px;padding:8px 18px;color:#fff!important}.hero{background:radial-gradient(circle at 12% 18%,#be5aff1c,#0000 34%),radial-gradient(circle at 88% 15%,#22d3ee17,#0000 30%),#0b0614;min-height:calc(100vh - 64px);position:relative;overflow:hidden}.interactive-grid{pointer-events:none;z-index:1;width:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;grid-template-columns:1.15fr .85fr;align-items:start;gap:90px;width:min(1100px,100% - 40px);min-height:calc(100vh - 64px);margin:0 auto;padding:130px 0 100px;display:grid;position:relative}.hero-left{padding-top:10px}.hero-right{justify-self:end;width:100%;max-width:500px;padding-top:45px}.availability-badge{color:#67e8f9;background:#22d3ee12;border:1px solid #22d3ee66;border-radius:999px;align-items:center;gap:9px;margin-bottom:28px;padding:7px 12px;font:12px DM Mono,monospace;display:inline-flex}.status-dot{background:#22d3ee;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #22d3eecc}.hero h1{letter-spacing:-.055em;font-size:clamp(52px,5.4vw,76px);font-weight:600;line-height:.96}.hero h1 span,.typing-line{background:linear-gradient(90deg,#f0a2d8,#c084fc 48%,#67e8f9);color:#0000;-webkit-background-clip:text;background-clip:text}.typing-cursor{color:#67e8f9;-webkit-text-fill-color:#67e8f9;margin-left:3px;animation:.8s step-end infinite blink;display:inline-block}.hero-description{color:#baa5c5;max-width:590px;margin-top:32px;font-size:17px;line-height:1.75}.hero-actions{align-items:center;gap:18px;margin-top:34px;display:flex}.primary-button,.resume-button{border-radius:999px;justify-content:center;align-items:center;font-size:14px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{color:#17071e;background:linear-gradient(90deg,#e879f9,#d86adc);gap:10px;padding:14px 23px;font-weight:600;box-shadow:0 10px 30px #e879f92e}.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 38px #e879f942}.resume-button{color:#f7f3ff;background:#120a1e80;border:1px solid #ffffff1f;padding:13px 20px;font-weight:500}.resume-button:hover{background:#1c102bb8;border-color:#67e8f959;transform:translateY(-2px)}.terminal-card{background:linear-gradient(#221a33eb,#170d23f0);border:1px solid #67e8f93b;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e879f914,0 30px 70px #00000059}.terminal-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;height:50px;padding:0 20px;font-family:DM Mono,monospace;display:flex}.terminal-header span{border-radius:50%;width:10px;height:10px}.terminal-header span:first-child{background:#c368c7}.terminal-header span:nth-child(2){background:#af8aa9}.terminal-header span:nth-child(3){background:#36b8c6}.terminal-header p{color:#8f7f99;margin-left:4px;font-size:12px}.terminal-body{color:#e1d7e7;padding:22px;font:12px/1.9 DM Mono,monospace}.terminal-line{animation:.22s both terminal-line-in}.terminal-command{color:#a997b2;margin-bottom:7px}.terminal-command:first-letter{color:#22d3ee}.terminal-warning{color:#dc87c7}.terminal-success{color:#30d4d4;margin-top:8px}.terminal-live-cursor{color:#67e8f9;margin-top:4px;animation:.7s step-end infinite blink;display:inline-block}.terminal-scan{z-index:3;pointer-events:none;filter:blur(1px);background:linear-gradient(#0000,#67e8f908,#67e8f91f,#e879f914,#0000);width:100%;height:90px;animation:3.8s linear infinite terminal-scan;position:absolute;top:-30%;left:0}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.stat-card{background:linear-gradient(#1f1931c7,#160d22cc);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:85px;display:flex;box-shadow:inset 0 1px #ffffff08}.stat-card strong{font-size:17px}.stat-card span{color:#8e7b99;margin-top:7px;font:10px DM Mono,monospace}.section-container{width:min(1100px,100% - 40px);margin:0 auto}.practice-section,.work-section,.about-section{background:#0b0614;border-top:1px solid #ffffff09;padding:110px 0;position:relative}.section-heading-row{justify-content:space-between;align-items:flex-start;gap:50px;margin-bottom:55px;display:flex}.section-heading-row h2,.work-section h2,.about-copy h2{letter-spacing:-.04em;font-size:36px;font-weight:600}.section-heading-row>p{color:#baa5c5;width:390px;font-size:14px;line-height:1.6}.practice-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.practice-card{background:#190e268c;border:1px solid #e879f92e;border-radius:20px;min-height:280px;padding:28px;transition:transform .18s,border-color .18s,background .18s}.practice-card:hover,.work-card:hover{border-color:#67e8f952;transform:translateY(-4px)}.practice-card:hover{background:#1f122fb8}.practice-icon{color:#e879f9;background:#e879f917;border:1px solid #e879f94d;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:24px;font-family:DM Mono,monospace;display:flex}.practice-card h3{margin-bottom:15px;font-size:20px;font-weight:600}.practice-card>p{color:#baa5c5;min-height:88px;font-size:14px;line-height:1.65}.skill-tags,.about-tags,.timeline-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.skill-tags span,.about-tags span,.timeline-tags span{border-radius:999px;padding:6px 10px;font:10px DM Mono,monospace}.skill-tags span{color:#bca9c8;border:1px solid #ffffff17}.about-tags span,.timeline-tags span{color:#67e8f9;background:#22d3ee0b;border:1px solid #22d3ee38}.work-section h2{margin-bottom:55px}.work-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.work-card{background:linear-gradient(135deg,#1e112de6,#181027b8);border:1px solid #e879f92e;border-radius:20px;min-height:210px;padding:30px;transition:transform .18s,border-color .18s}.work-card-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.work-card h3{font-size:22px;font-weight:600}.work-card-header span{color:#22d3ee;letter-spacing:.12em;font:10px DM Mono,monospace}.work-card>p{color:#baa5c5;margin-bottom:28px;font-size:14px;line-height:1.65}.work-card strong{color:#e879f9;font:500 11px DM Mono,monospace}.about-section{background:radial-gradient(circle at 82% 20%,#22d3ee0a,#0000 32%),#0b0614;padding:120px 0}.about-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:110px;display:grid}.about-photo{aspect-ratio:4/5;width:min(320px,100%)}.about-photo-border{border-radius:24px;width:100%;height:100%;padding:3px;position:relative;overflow:hidden;box-shadow:0 0 20px #67e8f91a,0 0 30px #e879f914}.about-photo-border:before{content:"";background:conic-gradient(#67e8f9,#c084fc,#e879f9,#22d3ee,#67e8f9);animation:6s linear infinite photo-border-spin;position:absolute;inset:-50%}.about-photo-border:after{content:"";background:#0b0614;border-radius:21px;position:absolute;inset:3px}.about-photo-border img{z-index:2;object-fit:cover;object-position:center;border-radius:20px;width:100%;height:100%;display:block;position:relative}@keyframes photo-border-spin{to{transform:rotate(360deg)}}.about-copy h2{margin-bottom:26px}.about-copy>p{color:#baa5c5;margin-bottom:18px;font-size:15px;line-height:1.75}.about-tags{margin-top:30px}.section-eyebrow{color:#d59ad2;letter-spacing:.14em;margin-bottom:22px;font:11px DM Mono,monospace}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:linear-gradient(#e879f98c,#67e8f92e);width:1px;position:absolute;top:7px;bottom:8px;left:5px}.timeline-item{padding-bottom:58px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{background:#e879f9;border-radius:50%;width:11px;height:11px;position:absolute;top:5px;left:-28px;box-shadow:0 0 0 4px #0b0614,0 0 16px #e879f959}.timeline-date{color:#22d3ee;margin-bottom:8px;font:11px DM Mono,monospace;display:block}.timeline-item h3,.campus-item h3{margin-bottom:7px;font-size:20px;font-weight:600}.timeline-org{color:#c88fc6;margin-bottom:15px;font-size:14px}.timeline-description{color:#aa98b6;max-width:570px;font-size:14px;line-height:1.7}.campus-block{margin-top:70px}.campus-item{margin-bottom:34px}.campus-item:last-child{margin-bottom:0}.campus-item h3{margin-top:7px}.campus-note{color:#8f7f99;margin-top:8px;font:11px/1.6 DM Mono,monospace}.contact-section{background:radial-gradient(circle at 50% 100%,#e879f90a,#0000 35%),#0b0614;border-top:1px solid #ffffff09;padding:110px 0 80px}.contact-panel{text-align:center;background:linear-gradient(110deg,#472852d1,#1f2945e0);border:1px solid #e879f957;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:70px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000047,0 18px 40px #e879f91a}.contact-panel:before,.contact-panel:after{content:"";filter:blur(70px);pointer-events:none;border-radius:50%;width:350px;height:350px;position:absolute}.contact-panel:before{background:#e879f914;top:-220px;left:-100px}.contact-panel:after{background:#22d3ee12;bottom:-220px;right:-100px}.contact-icon,.contact-panel h2,.contact-panel>p,.contact-socials,.contact-email{z-index:1;position:relative}.contact-icon{color:#e879f9;text-shadow:0 0 16px #e879f959;margin-bottom:20px;font:28px DM Mono,monospace}.contact-panel h2{letter-spacing:-.045em;margin-bottom:16px;font-size:clamp(32px,4vw,44px);font-weight:600}.contact-panel>p{color:#c6b1cf;max-width:540px;margin-bottom:28px;font-size:15px;line-height:1.65}.contact-socials{justify-content:center;align-items:center;gap:12px;display:flex}.social-button{color:#f7f3ff;background:#0d081947;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s;display:flex}.social-button svg{fill:currentColor;width:20px;height:20px}.social-button:hover{background:#0d08197a;transform:translateY(-3px);box-shadow:0 8px 22px #0003}.social-email:hover{color:#e879f9;border-color:#e879f973}.social-linkedin:hover{color:#67e8f9;border-color:#67e8f973}.contact-email{color:#8f7f99;margin-top:16px;font:11px DM Mono,monospace}.footer{z-index:40;background:#090510;border-top:1px solid #ffffff12;width:100%;position:relative}.footer-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1100px,100% - 40px);min-height:90px;margin:0 auto;font:11px DM Mono,monospace;display:grid}.footer-left{white-space:nowrap;justify-self:start;align-items:center;gap:16px;display:flex}.footer-name{color:#f7f3ff}.footer-copy,.footer-built{color:#786b82}.footer-built{white-space:nowrap;justify-self:end}.footer-webring{background:#ffffff05;border:1px solid #e879f929;border-radius:999px;justify-self:center;align-items:center;gap:9px;padding:7px 12px;display:flex}.webring-center{color:#9d8aa7;white-space:nowrap;align-items:center;gap:7px;transition:color .16s;display:flex}.webring-center img{object-fit:contain;opacity:.7;width:21px;height:21px;transition:opacity .16s,transform .16s;display:block}.webring-center:hover{color:#f7f3ff}.webring-center:hover img{opacity:1;transform:rotate(8deg)}.webring-arrow{color:#786b82;font-size:14px;transition:color .16s,transform .16s}.webring-arrow:first-child:hover{color:#67e8f9;transform:translate(-2px)}.webring-arrow:last-child:hover{color:#e879f9;transform:translate(2px)}html,body,#root,#root *{cursor:none!important}.custom-cursor{z-index:999999;pointer-events:none;opacity:1;border:1.5px solid #67e8f9;border-radius:50%;width:24px;height:24px;transition:width .12s,height .12s,border-color .12s,box-shadow .12s;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 8px #67e8f959,0 0 18px #e879f926}.custom-cursor.cursor-clicking{border-color:#e879f9;width:17px;height:17px;box-shadow:0 0 12px #e879f9a6,0 0 22px #67e8f94d}.site-shell{min-height:100vh;position:relative}.sticker-layer{z-index:30;pointer-events:none;position:absolute;inset:0;overflow:hidden}.draggable-sticker{z-index:30;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute}.draggable-sticker img{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 7px 10px #0000004d);width:100%;display:block}.sticker-float{width:100%;animation:4s ease-in-out infinite sticker-float}.draggable-sticker.dragging{z-index:100}.draggable-sticker.dragging .sticker-float{animation:none}.sticker-calcifer{width:100px;top:11%;right:4%}.sticker-haku{width:200px;top:23%;left:3%}.sticker-soots{width:300px;top:36%;right:5%}.sticker-catbus{width:300px;top:60%;right:4%}.sticker-ponyo{width:200px;top:72%;left:4%}.sticker-totoro{width:200px;top:84%;right:5%}.contact-section{padding-top:150px;position:relative;overflow:hidden}.running-totoro{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 12px #0000004d);width:160px;animation:14s linear infinite totoro-hop-run;position:absolute;top:55px;left:-150px}@keyframes totoro-hop-run{0%{left:-150px;transform:translateY(0)rotate(-3deg)}5%{transform:translateY(-40px)rotate(2deg)}10%{transform:translateY(0)rotate(-3deg)}15%{transform:translateY(-28px)rotate(2deg)}20%{transform:translateY(0)rotate(-3deg)}25%{transform:translateY(-28px)rotate(2deg)}30%{transform:translateY(0)rotate(-3deg)}35%{transform:translateY(-28px)rotate(2deg)}40%{transform:translateY(0)rotate(-3deg)}45%{transform:translateY(-28px)rotate(2deg)}50%{transform:translateY(0)rotate(-3deg)}55%{transform:translateY(-28px)rotate(2deg)}60%{transform:translateY(0)rotate(-3deg)}65%{transform:translateY(-28px)rotate(2deg)}70%{transform:translateY(0)rotate(-3deg)}75%{transform:translateY(-28px)rotate(2deg)}80%{transform:translateY(0)rotate(-3deg)}85%{transform:translateY(-28px)rotate(2deg)}90%{transform:translateY(0)rotate(-3deg)}95%{transform:translateY(-28px)rotate(2deg)}to{left:calc(100% + 150px);transform:translateY(0)rotate(-3deg)}}.falling-acorn{z-index:19;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 5px #00000059);font-size:17px;line-height:1;animation:2.8s ease-in forwards acorn-fall;position:absolute}@keyframes acorn-fall{0%{opacity:1;transform:translate(0)rotate(0)}75%{opacity:1}to{opacity:0;transform:translate(var(--acorn-drift), 180px) rotate(var(--acorn-spin))}}.click-particles{z-index:999998;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes terminal-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes terminal-scan{0%{opacity:0;top:-30%}10%,90%{opacity:1}to{opacity:0;top:110%}}@keyframes sticker-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}@media (width<=900px){.nav-links{gap:16px}.hero-content{grid-template-columns:1fr;gap:50px;padding:90px 0 80px}.hero-right{justify-self:start;max-width:650px;padding-top:0}.section-heading-row{flex-direction:column}.section-heading-row>p{width:auto;max-width:600px}.practice-grid,.work-grid,.about-layout{grid-template-columns:1fr}.about-layout{gap:70px}.about-photo{width:300px}}@media (width<=800px){.footer-inner{grid-template-columns:1fr;justify-items:center;gap:16px;padding:25px 0}.footer-left{white-space:normal;flex-wrap:wrap;justify-content:center;justify-self:center}.footer-webring,.footer-built{justify-self:center}}@media (width<=650px){.navbar-inner,.hero-content,.section-container{width:min(100% - 28px,1100px)}.nav-links a:not(.contact-link){display:none}.hero-content{padding:60px 0 70px}.hero h1{font-size:48px}.hero-description{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.practice-section,.work-section,.about-section{padding:80px 0}.section-heading-row h2,.work-section h2,.about-copy h2{font-size:30px}.about-photo{width:100%;max-width:300px}.timeline{padding-left:25px}.stat-grid{gap:8px}.contact-section{padding:80px 0 60px}.contact-panel{border-radius:20px;min-height:320px;padding:55px 22px}.contact-panel h2{font-size:30px}.contact-panel>p{font-size:14px}}@media (pointer:coarse){.custom-cursor{display:none}html,body,#root,#root *{cursor:auto!important}}