@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=DM+Sans:wght@400;500;700&display=swap";._wrapper_1qoct_1{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}._blob_1qoct_9{filter:blur(90px);width:42vw;height:42vw;opacity:var(--blob-opacity);background:var(--blob-color);border-radius:50%;transition:opacity .3s,background-color .3s;animation:16s ease-in-out infinite _float_1qoct_1;position:absolute}._blob1_1qoct_21{top:-12%;left:-10%}._blob2_1qoct_26{animation-delay:-5s;top:15%;right:-18%}._blob3_1qoct_32{animation-delay:-10s;bottom:-18%;left:22%}@keyframes _float_1qoct_1{0%,to{transform:translate(0)}50%{transform:translate(30px,-25px)}}@media (prefers-reduced-motion:reduce){._blob_1qoct_9{animation:none}}:root{--color-bg:#fafafa;--color-bg-elevated:#fff;--color-text:#0a0a0a;--color-text-muted:#525252;--color-accent:#0a0a0a;--color-accent-soft:#0a0a0a0f;--color-glass-bg:#fff9;--color-glass-border:#0a0a0a14;--blob-color:#0a0a0a;--blob-opacity:.06;--color-accent-bold:#e2a0ae;--color-accent-bold-soft:#e2a0ae2e;--color-accent-bold-contrast:#2a1219;--font-heading:"JetBrains Mono", monospace;--font-body:"JetBrains Mono", monospace;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--glass-blur:16px;--radius:20px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0a0a0a;--color-bg-elevated:#161616;--color-text:#f5f5f5;--color-text-muted:#a3a3a3;--color-accent:#f5f5f5;--color-accent-soft:#f5f5f51a;--color-glass-bg:#ffffff0d;--color-glass-border:#ffffff24;--blob-color:#fff;--blob-opacity:.16}}:root[data-theme=dark]{--color-bg:#0a0a0a;--color-bg-elevated:#161616;--color-text:#f5f5f5;--color-text-muted:#a3a3a3;--color-accent:#f5f5f5;--color-accent-soft:#f5f5f51a;--color-glass-bg:#ffffff0d;--color-glass-border:#ffffff24;--blob-color:#fff;--blob-opacity:.16}*{box-sizing:border-box}body{background-color:var(--color-bg);background-image:radial-gradient(circle at 1px 1px, var(--color-glass-border) 1px, transparent 0);min-height:100vh;color:var(--color-text);font-family:var(--font-body);background-size:28px 28px;margin:0;transition:background-color .3s,color .3s}h1,h2,h3{font-family:var(--font-heading);margin:0}p{margin:0}html{scroll-behavior:smooth}.navbar{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--color-glass-border);flex-wrap:wrap;display:flex;position:sticky;top:0}.navbar-logo{align-items:center;gap:var(--space-2);font-family:var(--font-heading);color:var(--color-text);font-weight:600;text-decoration:none;display:inline-flex}.navbar-logo:before{content:"";background:var(--color-accent-bold);width:7px;height:7px;box-shadow:0 0 8px var(--color-accent-bold);border-radius:50%}.navbar-links{gap:var(--space-4);flex-wrap:wrap;display:flex}.navbar-links a{color:var(--color-text-muted);font-family:var(--font-heading);font-size:.85rem;text-decoration:none}.navbar-links a:before{content:"#";color:var(--color-accent-bold)}.navbar-links a:hover{color:var(--color-text)}.navbar-controls{gap:var(--space-2);display:flex}.navbar-controls button{padding:var(--space-1) var(--space-2);font-size:.85rem}.section,.hero{scroll-margin-top:80px}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{opacity:1;transition:none;animation:linear both reveal-scene;animation-timeline:view();animation-range:cover;transform:none}@keyframes reveal-scene{0%{opacity:0;transform:translateY(64px)scale(.94)}30%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-64px)scale(.94)}}}}.hero{padding-block:var(--space-7) var(--space-6);position:relative}.particle-field{z-index:-1;pointer-events:none;position:fixed;inset:0}.hero-grid{z-index:1;align-items:center;gap:var(--space-5);flex-direction:column;display:flex;position:relative}.hero-copy{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;max-width:640px;display:flex}.hero-status{align-items:center;gap:var(--space-2);font-family:var(--font-heading);letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);padding:var(--space-1) var(--space-3);border-radius:999px;font-size:.75rem;display:inline-flex}.hero-status-dot{background:#3ddc72;border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite status-pulse;box-shadow:0 0 #3ddc7299}@keyframes status-pulse{0%{box-shadow:0 0 #3ddc7280}70%{box-shadow:0 0 0 6px #3ddc7200}to{box-shadow:0 0 #3ddc7200}}@media (prefers-reduced-motion:reduce){.hero-status-dot{animation:none}}.hero-name{letter-spacing:-.02em;word-spacing:-.3em;text-align:center;text-shadow:0 0 14px #e2a0ae80,0 0 36px #e2a0ae52,0 0 72px #e2a0ae2e;background-image:linear-gradient(100deg, var(--color-text) 30%, var(--color-accent-bold) 50%, var(--color-text) 70%);-webkit-text-fill-color:transparent;color:#0000;background-position:100% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,10vw,7rem);line-height:1.02;animation:6s ease-in-out infinite hero-name-shine}@keyframes hero-name-shine{0%,15%{background-position:100% 0}85%,to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){.hero-name{background-position:30% 0;animation:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.terminal.glass-card{width:100%;max-width:480px;margin-bottom:0;padding:0;overflow:hidden}.terminal-titlebar{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-glass-border);display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot-red{background:#ff5f56}.terminal-dot-yellow{background:#ffbd2e}.terminal-dot-green{background:#27c93f}.terminal-body{padding:var(--space-3);font-family:var(--font-heading);font-size:.9rem;position:relative}.terminal-body-ghost{visibility:hidden}.terminal-body-animated{position:absolute;inset:0}.terminal-line{line-height:1.7}.terminal-line-output{color:var(--color-text-muted)}.terminal-prompt-sign{color:var(--color-accent-bold);margin-right:var(--space-2)}.terminal-cursor{vertical-align:text-bottom;background:var(--color-accent-bold);width:7px;height:1em;margin-left:2px;animation:1s step-end infinite terminal-blink;display:inline-block}@keyframes terminal-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.terminal-cursor{animation:none}}.hero-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.mascot-drag{z-index:40;cursor:grab;touch-action:none;display:inline-flex;position:fixed;top:88px;right:clamp(16px,6vw,64px)}.mascot-drag-active{cursor:grabbing}.mascot-drag-active .mascot{animation-play-state:paused}.mascot-chat{background:var(--color-bg-elevated);border:1px solid var(--color-glass-border);border-radius:var(--radius);flex-direction:column;width:min(280px,100vw - 32px);max-height:340px;animation:.2s ease-out mascot-chat-in;display:flex;position:absolute;top:calc(100% + 14px);right:0;overflow:hidden;box-shadow:0 20px 40px -20px #0009}.mascot-chat-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-glass-border);font-family:var(--font-heading);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.mascot-chat-header button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1}.mascot-chat-messages{padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;min-height:120px;font-size:.85rem;display:flex;overflow-y:auto}.mascot-chat-message{padding:var(--space-1) var(--space-2);border-radius:10px;max-width:85%;margin:0;line-height:1.4}.mascot-chat-message-assistant{background:var(--color-glass-bg);color:var(--color-text);align-self:flex-start}.mascot-chat-message-user{background:var(--color-accent-bold);color:var(--color-accent-bold-contrast);align-self:flex-end}.mascot-chat-loading{opacity:.6}.mascot-chat-suggestions{gap:var(--space-1);padding:0 var(--space-3) var(--space-2);flex-direction:column;display:flex}.mascot-chat-suggestions button{text-align:left;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);padding:var(--space-1) var(--space-2);color:var(--color-text-muted);cursor:pointer;border-radius:999px;font-size:.78rem;transition:border-color .15s,color .15s}.mascot-chat-suggestions button:hover{border-color:var(--color-accent-bold);color:var(--color-text)}.mascot-chat-form{gap:var(--space-1);padding:var(--space-2);border-top:1px solid var(--color-glass-border);display:flex}.mascot-chat-form input{min-width:0;padding:var(--space-1) var(--space-2);flex:1;font-size:.85rem}.mascot-chat-form button{padding:var(--space-1) var(--space-2);font-size:.8rem}@keyframes mascot-chat-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mascot{aspect-ratio:1;flex-shrink:0;width:clamp(56px,6vw,84px);animation:4.5s ease-in-out infinite mascot-float}.mascot-body{fill:var(--color-accent-bold-soft);stroke:var(--color-accent-bold);stroke-width:2.5px}.mascot-eyes{transform-origin:78px 92px;animation:5s ease-in-out infinite mascot-blink}.mascot-eye{fill:var(--color-accent-bold-contrast)}.mascot-mouth{fill:none;stroke:var(--color-accent-bold-contrast);stroke-width:3px;stroke-linecap:round}.mascot-cheek{fill:var(--color-accent-bold);opacity:.5}@keyframes mascot-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}@keyframes mascot-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.mascot,.mascot-eyes,.mascot-chat{animation:none}}.button-like{background:var(--color-accent-bold);color:var(--color-accent-bold-contrast);padding:var(--space-2) var(--space-4);box-shadow:0 10px 24px -12px var(--color-accent-bold-soft);border-radius:8px;align-items:center;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.button-like:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff8c,#0000);width:40%;transition:transform .55s;position:absolute;inset:0 0 0 -60%;transform:skew(-20deg)}.button-like:hover:after{transform:skew(-20deg)translate(400%)}.button-like:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 16px 32px -10px #e2a0ae8c}@media (prefers-reduced-motion:reduce){.button-like:after{transition:none;display:none}}.button-like-outline{color:var(--color-text);border:1px solid var(--color-glass-border);box-shadow:none;background:0 0}.button-like-outline:after{content:none}.button-like-outline:hover{border-color:var(--color-accent-bold);background:var(--color-accent-bold-soft);box-shadow:none}.icon-link{border:1px solid var(--color-glass-border);width:40px;height:40px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,border-color .15s,background-color .15s;display:inline-flex}.icon-link:hover{border-color:var(--color-accent-bold);background:var(--color-accent-bold-soft);transform:translateY(-2px)}.container{max-width:1100px;padding:var(--space-4);margin:0 auto}.section{padding-block:var(--space-6)}.section-title{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);font-size:clamp(1.5rem,3.5vw,2rem);display:flex}.section-title:before{content:"$";font-family:var(--font-heading);color:var(--color-accent-bold);flex-shrink:0;font-weight:600}.section-title:has(+.section-subtitle){margin-bottom:var(--space-2)}.section-subtitle{margin-bottom:var(--space-5);max-width:520px;color:var(--color-text-muted)}.road{padding-left:52px;position:relative}.road-line{width:40px;position:absolute;top:0;bottom:0;left:0}.road-line svg{width:100%;height:100%;display:block}.road-path{stroke:var(--color-glass-border)}.road-label{margin:0 0 var(--space-3);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;position:relative}.road-label:not(:first-child){margin-top:var(--space-6)}.road-item{margin-bottom:var(--space-4);position:relative}.road-dot{background:var(--color-accent-bold);width:12px;height:12px;box-shadow:0 0 0 4px var(--color-bg), 0 0 10px var(--color-accent-bold-soft);border-radius:50%;position:absolute;top:8px;left:-38px}.road-dot-current{animation:2s ease-out infinite road-pulse}@keyframes road-pulse{0%{box-shadow:0 0 0 4px var(--color-bg), 0 0 0 0 #e2a0ae99}70%{box-shadow:0 0 0 4px var(--color-bg), 0 0 0 8px #e2a0ae00}to{box-shadow:0 0 0 4px var(--color-bg), 0 0 0 0 #e2a0ae00}}@media (prefers-reduced-motion:reduce){.road-dot-current{animation:none}}.road-card .glass-card{margin-bottom:0}.glass-card.glass-card-current{border-color:var(--color-accent-bold);box-shadow:0 0 0 1px var(--color-accent-bold-soft)}.current-badge{margin-left:var(--space-2);font-family:var(--font-heading);color:var(--color-accent-bold-contrast);background:var(--color-accent-bold);padding:2px var(--space-2);vertical-align:middle;border-radius:999px;align-items:center;font-size:.7rem;font-weight:600;display:inline-flex}.grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.grid .glass-card{margin-bottom:0}#services .grid,#skills .grid{grid-template-columns:repeat(4,1fr);align-items:start}#services .grid .glass-card:first-child,#skills .grid .glass-card:first-child{grid-column:span 2}@media (width<=759px){#services .grid,#skills .grid{grid-template-columns:1fr}#services .grid .glass-card:first-child,#skills .grid .glass-card:first-child{grid-column:span 1}}.glass-card{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(var(--glass-blur));padding:var(--space-4);margin-bottom:var(--space-3);transition:transform .2s,border-color .2s,box-shadow .2s}.glass-card:not(form):hover{border-color:var(--color-accent-bold);box-shadow:0 12px 24px -12px #00000059, 0 0 0 1px var(--color-accent-bold-soft);transform:translateY(-3px)}.glass-card h3{color:var(--color-text);margin-bottom:var(--space-2)}.glass-card p{color:var(--color-text-muted);line-height:1.5}.glass-card form,form.glass-card{gap:var(--space-3);flex-direction:column;display:flex}label{gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;font-size:.9rem;display:flex}input,textarea{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-glass-border);padding:var(--space-2) var(--space-3);border-radius:8px;font-size:1rem}input:focus,textarea:focus{outline:2px solid var(--color-accent-bold);outline-offset:1px}button{align-items:center;gap:var(--space-2);font-family:var(--font-body);cursor:pointer;background:var(--color-accent-bold);color:var(--color-accent-bold-contrast);padding:var(--space-2) var(--space-4);border:none;border-radius:8px;align-self:flex-start;font-size:1rem;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}button:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}button:disabled{opacity:.6;cursor:not-allowed}.tag{background:var(--color-accent-soft);color:var(--color-accent);padding:var(--space-1) var(--space-3);margin:var(--space-1) var(--space-1) 0 0;border-radius:999px;font-size:.85rem;transition:background-color .15s,transform .15s;display:inline-block}.tag:hover{background:var(--color-accent-bold);color:var(--color-accent-bold-contrast);transform:translateY(-1px)}.project-links{gap:var(--space-3);margin-top:var(--space-3);display:flex}.project-link{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.project-link:hover{color:var(--color-accent-bold)}.project-note{align-items:center;gap:var(--space-1);margin-top:var(--space-3);color:var(--color-text-muted);font-size:.8rem;font-style:italic;display:inline-flex}.site-footer{align-items:center;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--color-glass-border);flex-direction:column;display:flex}.footer-social{gap:var(--space-2);display:flex}.footer-social .icon-link{width:32px;height:32px}.footer-signature{font-family:var(--font-heading);color:var(--color-text-muted);font-size:.75rem}