@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--color-bg: #000000;--color-surface: #0a0a0a;--color-border: #1a1a1a;--color-text: #ffffff;--color-text-secondary: #888888;--color-text-tertiary: #666666;--color-primary: #0070f3;--color-primary-hover: #0761d1;--color-accent: #7928ca;--color-success: #00ff00;--font-mono: "JetBrains Mono", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .6s ease;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:14px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.portfolio{opacity:0;transition:opacity .6s ease}.portfolio.mounted{opacity:1}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0;position:relative}.section-header{margin-bottom:var(--spacing-2xl)}.section-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.section-title{font-size:2.5rem;font-weight:700;line-height:1.2;max-width:800px}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:var(--spacing-2xl);text-align:center}.hero-content{max-width:900px}.hero-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:2rem}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.1;margin-bottom:var(--spacing-lg);letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.125rem;line-height:1.7;color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--spacing-xl)}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition-base);cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 10px 30px #0070f34d}.btn-secondary{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-text-secondary);background:var(--color-surface);transform:translateY(-2px)}.hero-scroll{position:absolute;bottom:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.scroll-indicator{width:1px;height:40px;background:linear-gradient(to bottom,var(--color-text-tertiary),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.about-text p{font-size:1rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.about-stats{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.stat{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.stat:hover{border-color:var(--color-primary);transform:translateY(-4px)}.stat-value{font-size:3rem;font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.skills-section{background:var(--color-surface)}.skills-grid{display:grid;gap:var(--spacing-lg)}.skill-item{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.skill-item:hover{border-color:var(--color-primary);transform:translate(8px)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.skill-name{font-size:1rem;font-weight:600}.skill-level{font-size:.875rem;color:var(--color-text-secondary)}.skill-bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));width:var(--width);transition:width 1s ease;transform-origin:left}.timeline{position:relative;padding-left:var(--spacing-xl)}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--color-border)}.timeline-item{position:relative;padding-bottom:var(--spacing-2xl)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:calc(-1 * var(--spacing-xl) - 4px);top:0;width:9px;height:9px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-bg);transition:all var(--transition-base)}.timeline-item:hover .timeline-marker{transform:scale(1.5);box-shadow:0 0 20px var(--color-primary)}.timeline-content{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.timeline-item:hover .timeline-content{border-color:var(--color-primary);transform:translate(8px)}.timeline-period{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs)}.timeline-role{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.timeline-company{font-size:.875rem;color:var(--color-primary);margin-bottom:var(--spacing-md)}.timeline-description{font-size:.875rem;line-height:1.7;color:var(--color-text-secondary)}.projects-section{background:var(--color-surface)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.project-card{position:relative;padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 20px 60px #0070f326}.project-number{font-size:.75rem;color:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.project-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);line-height:1.3}.project-description{font-size:.875rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.tech-tag{font-size:.75rem;padding:.25rem .75rem;background:var(--color-border);border-radius:.25rem;color:var(--color-text-secondary);transition:all var(--transition-fast)}.project-card:hover .tech-tag{background:var(--color-primary);color:#fff}.project-arrow{font-size:1.5rem;color:var(--color-text-tertiary);transition:all var(--transition-base)}.project-card:hover .project-arrow{color:var(--color-primary);transform:translate(8px)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.testimonial-card{padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative}.testimonial-card:hover{border-color:var(--color-primary);transform:translateY(-4px)}.testimonial-quote{font-size:4rem;line-height:1;color:var(--color-primary);opacity:.2;margin-bottom:var(--spacing-md)}.testimonial-text{font-size:1rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.testimonial-author{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.author-name{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.author-role{font-size:.75rem;color:var(--color-text-tertiary)}.contact-section{background:var(--color-surface)}.contact-content{max-width:800px;margin:0 auto;text-align:center}.contact-description{font-size:1.125rem;line-height:1.7;color:var(--color-text-secondary);margin-top:var(--spacing-md)}.contact-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.contact-link{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);text-align:left}.contact-link:hover{border-color:var(--color-primary);transform:translateY(-4px);background:var(--color-bg)}.contact-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs)}.contact-value{font-size:1rem;color:var(--color-text);transition:color var(--transition-fast)}.contact-link:hover .contact-value{color:var(--color-primary)}.footer{padding:var(--spacing-2xl) 0;border-top:1px solid var(--color-border)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-text{font-size:.875rem;color:var(--color-text-tertiary)}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-links a{font-size:.875rem;color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;transition-delay:var(--delay, 0s)}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.section{padding:var(--spacing-2xl) 0}.section-title{font-size:2rem}.hero-title{font-size:2.5rem}.about-content,.projects-grid,.testimonials-grid,.contact-links{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.timeline{padding-left:var(--spacing-lg)}}@media(max-width:480px){.container{padding:0 var(--spacing-md)}.hero{padding:var(--spacing-lg)}.hero-actions{flex-direction:column;width:100%}.btn{width:100%}}