@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#root,body,html{height:100%}::selection{background:var(--accent);color:#000}:root{--bg:#000;--bg-soft:#0a0a0a;--bg-card:#0d0d0d;--border:#1a1a1a;--border-hover:#2a2a2a;--text:#fff;--text-muted:#666;--text-dim:#333;--accent:#0f6;--accent-dim:#00ff6614;--ease:cubic-bezier(0.16,1,0.3,1)}.App:not(.dark-mode){--bg:#fff;--bg-soft:#f5f5f5;--bg-card:#fafafa;--border:#e5e5e5;--border-hover:#ccc;--text:#000;--text-muted:#777;--text-dim:#ccc;--accent:#00cc52;--accent-dim:#00cc520f}.App{background:#000;background:var(--bg);color:#fff;color:var(--text);min-height:100vh;overflow-x:hidden}section{padding:160px 24px;position:relative}.container{margin:0 auto;max-width:1200px}.section-label{align-items:center;display:flex;gap:12px;margin-bottom:48px}.section-label:before{background:#0f6;background:var(--accent);content:"";height:2px;width:40px}.section-label span{color:#666;color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.section-heading{color:#fff;color:var(--text);font-size:clamp(2.5rem,6vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:72px}.btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:10px;letter-spacing:.02em;padding:16px 32px;text-decoration:none;text-transform:uppercase;transition:all .35s cubic-bezier(.16,1,.3,1);transition:all .35s var(--ease)}.btn-primary{background:#fff;background:var(--text);color:#000;color:var(--bg)}.btn-primary:hover{background:#0f6;background:var(--accent);color:#000;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid #2a2a2a;border:1px solid var(--border-hover);color:#fff;color:var(--text)}.btn-secondary:hover{border-color:#fff;border-color:var(--text);transform:translateY(-2px)}.btn:active{transform:scale(.97)}:focus-visible{outline:2px solid #0f6;outline:2px solid var(--accent);outline-offset:3px}:focus:not(:focus-visible){outline:none}@media (max-width:768px){section{padding:100px 20px}.section-heading{margin-bottom:48px}}.navbar{left:0;padding:0 24px;position:fixed;right:0;top:0;transition:background .3s var(--ease);z-index:1000}.navbar.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:color-mix(in srgb,var(--bg) 85%,#0000);border-bottom:1px solid var(--border)}.nav-inner{align-items:center;display:flex;height:56px;justify-content:space-between;margin:0 auto;max-width:1200px}.nav-logo{color:var(--text);font-size:.75rem;font-weight:800;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}.nav-links{display:flex;gap:0}.nav-link{color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.06em;padding:8px 16px;position:relative;text-decoration:none;text-transform:uppercase;transition:color .2s var(--ease)}.nav-link.active,.nav-link:hover{color:var(--text)}.nav-link.active:after{background:var(--accent);bottom:0;content:"";height:2px;left:16px;position:absolute;right:16px}.nav-right{align-items:center;display:flex;gap:0}.nav-resume{border-right:1px solid var(--border);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.06em;padding:8px 16px;text-decoration:none;text-transform:uppercase;transition:color .2s var(--ease)}.nav-resume:hover{color:var(--text)}.nav-theme{align-items:center;background:#0000;border:none;border-right:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:color .2s var(--ease);width:40px}.nav-theme:hover{color:var(--text)}.nav-menu-btn{align-items:center;background:#0000;border:none;border-left:1px solid var(--border);cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;width:40px}.nav-menu-btn span{background:var(--text-muted);display:block;height:1.5px;transition:transform .3s var(--ease),opacity .2s var(--ease);width:14px}.nav-menu-btn.open span:first-child{transform:rotate(45deg) translate(2.5px,2.5px)}.nav-menu-btn.open span:last-child{transform:rotate(-45deg) translate(2px,-2px)}@media (max-width:768px){.navbar{padding:0 16px}.nav-menu-btn{display:flex}.nav-links{background:var(--bg);bottom:0;flex-direction:column;left:0;opacity:0;padding:24px 16px;pointer-events:none;position:fixed;right:0;top:56px;transform:translateY(-10px);transition:transform .3s var(--ease),opacity .3s var(--ease)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{border-bottom:1px solid var(--border);font-size:1.125rem;padding:16px 0}.nav-resume{display:none}}.hero{display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 24px 80px;position:relative}.hero-accent-line{animation:lineIn 1s var(--ease) forwards;background:var(--accent);height:2px;left:0;position:absolute;right:0;top:0;transform-origin:left}@keyframes lineIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-content{margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.hero-status{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.7rem;font-weight:600;gap:10px;letter-spacing:.2em;margin-bottom:40px;text-transform:uppercase}.status-indicator{animation:statusPulse 2s ease-in-out infinite;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent);height:8px;width:8px}@keyframes statusPulse{0%,to{box-shadow:0 0 12px var(--accent);opacity:1}50%{box-shadow:0 0 24px var(--accent);opacity:.5}}.hero-name-block{margin-bottom:64px}.hero-name-line{line-height:1;overflow:hidden}.hero-name-text{color:var(--text);display:block;font-size:clamp(5rem,16vw,14rem);font-weight:900;letter-spacing:-.05em;line-height:.9}.hero-info{grid-gap:80px;align-items:start;border-top:1px solid var(--border);display:grid;gap:80px;grid-template-columns:1fr 1fr;padding-top:40px}.hero-title{color:var(--text-muted);font-size:clamp(.8rem,1.2vw,.95rem);font-weight:500;letter-spacing:.04em;line-height:1.6;margin-bottom:40px;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.hero-socials{display:flex;gap:2px}.hero-socials a{align-items:center;border-right:1px solid var(--border);color:var(--text-dim);display:flex;padding:10px 12px;transition:color .2s var(--ease)}.hero-socials a:first-child{border-left:1px solid var(--border)}.hero-socials a:hover{color:var(--text)}.hero-tagline{color:var(--text-muted);font-size:1.125rem;line-height:1.7;max-width:400px}.hero-scroll{align-items:center;bottom:40px;display:flex;flex-direction:column;gap:12px;position:absolute;right:40px}.scroll-label{color:var(--text-dim);font-size:.6rem;font-weight:700;letter-spacing:.25em;transform:rotate(180deg);writing-mode:vertical-lr}.scroll-line{background:var(--border-hover);height:48px;overflow:hidden;position:relative;width:1px}.scroll-line:after{animation:scrollDown 1.5s ease-in-out infinite;background:var(--accent);content:"";height:50%;left:0;position:absolute;top:-100%;width:100%}@keyframes scrollDown{0%{top:-50%}to{top:100%}}.App:not(.dark-mode) .hero-name-text{color:var(--text)}@media (max-width:768px){.hero{min-height:auto;padding:100px 20px 60px}.hero-name-text{font-size:clamp(3.5rem,18vw,6rem)}.hero-name-block{margin-bottom:40px}.hero-info{gap:32px;grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}.hero-scroll{display:none}}.about{min-height:auto}.about-statement{color:var(--text-muted);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:400;letter-spacing:-.01em;line-height:1.6;margin-bottom:64px;max-width:800px}.about-grid{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.about-stats{gap:32px}.about-stats,.stat{display:flex;flex-direction:column}.stat{border-bottom:1px solid var(--border);gap:8px;padding-bottom:32px}.stat:last-child{border-bottom:none}.stat-num{color:var(--text);font-size:3.5rem;font-weight:900;letter-spacing:-.04em;line-height:1}.stat-label{font-size:.7rem;font-weight:600;letter-spacing:.2em}.skills-heading,.stat-label{color:var(--text-muted);text-transform:uppercase}.skills-heading{font-size:.65rem;font-weight:700;letter-spacing:.25em;margin-bottom:24px}.skills-grid{display:flex;flex-wrap:wrap;gap:8px}.skill{border:1px solid var(--border);border-radius:100px;color:var(--text-muted);font-size:.8125rem;font-weight:500;padding:8px 16px;transition:all .25s var(--ease)}.skill:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}@media (max-width:768px){.about-grid{gap:48px;grid-template-columns:1fr}}.projects{min-height:auto}.projects-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(2,1fr)}.project-card{background:var(--bg-card);overflow:hidden;transition:background .3s var(--ease)}.project-card:hover{background:var(--bg-soft)}.project-preview{align-items:center;aspect-ratio:16/10;background:var(--bg);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.project-preview span{color:var(--text-dim);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:opacity .3s var(--ease)}.project-card:hover .project-preview span{opacity:0}.project-arrow{align-items:center;color:var(--text);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s var(--ease)}.project-card:hover .project-arrow{opacity:1}.project-body{padding:28px}.project-title{color:var(--text);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.project-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.875rem;line-height:1.6;margin-bottom:20px;overflow:hidden}.project-footer{align-items:center;display:flex;justify-content:space-between}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.project-tags span{color:var(--text-dim);font-size:.6875rem;letter-spacing:.04em}.project-link,.project-tags span{font-weight:600;text-transform:uppercase}.project-link{color:var(--text-muted);flex-shrink:0;font-size:.8125rem;letter-spacing:.06em;text-decoration:none;transition:color .2s var(--ease)}.project-link:hover{color:var(--accent)}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.experience{min-height:auto}.exp-list{display:flex;flex-direction:column}.exp-item{grid-gap:40px;align-items:start;border-bottom:1px solid var(--border);display:grid;gap:40px;grid-template-columns:140px 1fr;padding:40px 0}.exp-item:first-child{padding-top:0}.exp-year{font-feature-settings:"tnum";color:var(--text-dim);font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:500;padding-top:4px}.exp-role{color:var(--text);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.exp-company{display:block;font-size:.875rem;margin-bottom:16px}.exp-company,.exp-desc{color:var(--text-muted)}.exp-desc{font-size:.9375rem;line-height:1.7;max-width:600px}@media (max-width:640px){.exp-item{gap:8px;grid-template-columns:1fr}}.contact{min-height:auto;padding-bottom:100px}.contact-grid{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin-bottom:100px}.contact-text{color:var(--text-muted);font-size:1.125rem;line-height:1.7;margin-bottom:32px}.contact-email{border-bottom:2px solid var(--accent);color:var(--text);font-size:1.25rem;font-weight:700;padding-bottom:2px;text-decoration:none;transition:opacity .2s var(--ease)}.contact-email:hover{opacity:.7}.contact-socials{display:flex;gap:24px;margin-top:28px}.contact-socials a{color:var(--text-muted);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:color .2s var(--ease)}.contact-socials a:hover{color:var(--accent)}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:var(--text-dim);font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.form-field input,.form-field textarea{background:#0000;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:inherit;font-size:1rem;outline:none;padding:12px 0;resize:vertical;transition:border-color .25s var(--ease)}.form-field input:focus,.form-field textarea:focus{border-bottom-color:var(--accent)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-dim)}.submit-btn{align-self:flex-start;margin-top:8px}.form-status{color:var(--accent);font-size:.875rem}.form-status.error{color:#ef4444}.site-footer{margin-top:80px}.footer-line{background:var(--border);height:1px;margin-bottom:32px}.footer-row{color:var(--text-dim);display:flex;font-size:.75rem;justify-content:space-between;letter-spacing:.05em}@media (max-width:768px){.contact-grid{gap:48px}.contact-grid,.form-row{grid-template-columns:1fr}.submit-btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.8e1c81ab.css.map*/