@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #181818;--text-primary: #f0f0f0;--text-secondary: #888888;--text-muted: #484848;--accent-blue: #5b9cf6;--accent-blue-light: #7fb3f9;--border-color: rgba(255, 255, 255, .06);--font-mono: "Space Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 5rem}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow:hidden}#root{height:100%}main{height:100%;overflow-y:scroll;scroll-snap-type:y proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}main::-webkit-scrollbar{width:6px}main::-webkit-scrollbar-track{background:var(--bg-secondary)}main::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}main::-webkit-scrollbar-thumb:hover{background:#333}.page-section{min-height:100%;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;position:relative;padding:var(--spacing-lg);flex-shrink:0}.hero-section,.about-section{background:var(--bg-primary)}.about-container{max-width:860px;width:100%;display:grid;grid-template-columns:1fr 1.6fr;gap:var(--spacing-2xl);align-items:start}.about-label{grid-column:1 / -1;font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:calc(-1 * var(--spacing-lg))}.about-left{display:flex;flex-direction:column;gap:var(--spacing-sm)}.about-name{font-family:var(--font-mono);font-size:clamp(2.6rem,5vw,4.2rem);font-weight:700;color:var(--text-primary);line-height:1.05}.about-role{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-blue);letter-spacing:.03em}.about-right{display:flex;flex-direction:column;gap:var(--spacing-xl);padding-top:.6rem}.about-text{font-size:1rem;line-height:1.85;color:var(--text-secondary)}.text-accent{color:var(--accent-blue)}.social-links{display:flex;flex-direction:column;gap:var(--spacing-xs);border-left:1px solid var(--border-color);padding-left:var(--spacing-md)}.social-link{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);text-decoration:none;display:flex;align-items:center;gap:8px;width:fit-content;transition:color .2s ease}.social-link:hover{color:var(--text-primary)}.social-arrow{font-size:.7rem;transition:transform .2s ease}.social-link:hover .social-arrow{transform:translate(2px,-2px)}.back-to-top{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;opacity:.5;transition:opacity .25s ease}.back-to-top:hover{opacity:.25}.back-to-top span{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em}.back-arrow{width:9px;height:9px;border-left:1.5px solid var(--text-muted);border-top:1.5px solid var(--text-muted);transform:rotate(45deg);animation:bounceUp 1.8s infinite ease-in-out}@keyframes bounceUp{0%,to{margin-bottom:0}50%{margin-bottom:5px}}@media(max-width:700px){.about-container{grid-template-columns:1fr;gap:var(--spacing-xl)}.about-label{margin-bottom:calc(-1 * var(--spacing-sm))}.about-right{padding-top:0}}.email-line{display:flex;align-items:baseline;font-family:var(--font-mono);font-size:clamp(2.4rem,6vw,6rem);font-weight:700;letter-spacing:-.015em;-webkit-user-select:none;user-select:none}.email-token{color:var(--text-primary);cursor:pointer;transition:color .12s ease,opacity .12s ease}.email-token.accent,.email-token.active{color:var(--accent-blue)}.email-token.active.accent{color:var(--accent-blue-light)}.email-token.dimmed{color:var(--text-muted);opacity:.2}.scroll-indicator{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;opacity:.5;transition:opacity .25s ease}.scroll-indicator:hover{opacity:.25}.scroll-indicator span{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em}.scroll-arrow{width:9px;height:9px;border-left:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:rotate(-45deg);animation:bounceDown 1.8s infinite ease-in-out}@keyframes bounceDown{0%,to{margin-top:0}50%{margin-top:5px}}.mouse-tooltip{position:fixed;pointer-events:none;z-index:9999;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:7px 12px;display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono)}.mouse-tooltip-label{font-size:.68rem;font-weight:700;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.08em}.mouse-tooltip-hint{font-size:.6rem;color:var(--text-muted)}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(60px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:9px 18px;font-family:var(--font-mono);font-size:.82rem;color:var(--accent-blue);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;white-space:nowrap}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.mouse-tooltip.touch{position:fixed;left:50%;top:auto;bottom:5.5rem;transform:translate(-50%);align-items:center;text-align:center;pointer-events:none}@media(max-width:600px){.email-line{font-size:clamp(.75rem,4.2vw,2.4rem);white-space:nowrap}}@media(max-width:400px){.email-line{font-size:clamp(.65rem,3.8vw,1.6rem)}}