@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";body{margin:0;min-width:320px}:root{--color-bg-primary: #0a0f1a;--color-bg-secondary: #0f1629;--color-bg-tertiary: #141d33;--color-bg-card: #161f35;--color-bg-card-hover: #1a2540;--color-accent-primary: #00d4ff;--color-accent-secondary: #7b5cff;--color-accent-gradient: linear-gradient(135deg, #00d4ff 0%, #7b5cff 100%);--color-text-primary: #f0f4fc;--color-text-secondary: #8892a8;--color-text-muted: #5a6478;--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--section-padding: 120px;--container-width: 1200px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--shadow-card: 0 4px 24px rgba(0, 0, 0, .2);--shadow-glow: 0 0 60px rgba(0, 212, 255, .15)}*{margin:0;padding:0;box-sizing:border-box}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0f1a;color:#f0f4fc;gap:16px}.loading-spinner{animation:spin 1s linear infinite;color:#00d4ff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{overflow-x:hidden}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;background:#0a0f1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transform:translateY(-100%);opacity:0;transition:all var(--transition-normal)}.nav--visible{transform:translateY(0);opacity:1}.nav__container{max-width:var(--container-width);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.nav__logo{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.nav__logo:hover,.nav__logo-bracket{color:var(--color-accent-primary)}.nav__links{display:flex;gap:40px;list-style:none}.nav__link{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;position:relative;padding:8px 0;transition:color var(--transition-fast)}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent-gradient);transition:width var(--transition-normal)}.nav__link:hover,.nav__link--active{color:var(--color-text-primary)}.nav__link:hover:after,.nav__link--active:after{width:100%}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:120px 24px 80px;overflow:hidden}.hero__background{position:absolute;inset:0;pointer-events:none}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%)}.hero__glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.hero__glow--1{width:600px;height:600px;background:var(--color-accent-primary);top:-200px;right:-100px;opacity:.15}.hero__glow--2{width:500px;height:500px;background:var(--color-accent-secondary);bottom:-150px;left:-100px;opacity:.1}.hero__content{text-align:center;max-width:800px;opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}.hero__content--visible{opacity:1;transform:translateY(0)}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:100px;font-size:.85rem;color:var(--color-accent-primary);margin-bottom:32px;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #00d4ff33}50%{box-shadow:0 0 0 8px #00d4ff00}}.hero__title{margin-bottom:24px}.hero__greeting{display:block;font-size:1.25rem;font-weight:400;color:var(--color-text-secondary);margin-bottom:8px}.hero__name{display:block;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;letter-spacing:-.02em}.hero__subtitle{display:flex;align-items:center;justify-content:center;gap:16px;font-size:1.25rem;margin-bottom:24px}.hero__role{color:var(--color-text-primary);font-weight:600}.hero__divider{color:var(--color-text-muted)}.hero__specialty{color:var(--color-text-secondary)}.hero__description{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto 40px;line-height:1.8}.hero__cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:12px;font-family:var(--font-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none}.btn--primary{background:var(--color-accent-gradient);color:var(--color-bg-primary);box-shadow:0 4px 20px #00d4ff4d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66}.btn--secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);transform:translateY(-2px)}.hero__scroll{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;transition:color var(--transition-fast)}.hero__scroll:hover{color:var(--color-text-secondary)}.hero__scroll-icon{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section-header{margin-bottom:60px}.section-header--center{text-align:center}.section-tag{display:inline-block;font-family:var(--font-mono);font-size:.85rem;color:var(--color-accent-primary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.1em}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.about{padding:var(--section-padding) 0;background:var(--color-bg-secondary)}.about__content{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.about__text p{color:var(--color-text-secondary);margin-bottom:24px;font-size:1.05rem;line-height:1.8}.about__text p:last-child{margin-bottom:0}.about__text strong{color:var(--color-text-primary);font-weight:600}.about__highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.highlight-card{display:flex;align-items:center;gap:16px;padding:24px;background:var(--color-bg-card);border-radius:16px;border:1px solid var(--color-border);transition:all var(--transition-normal)}.highlight-card:hover{transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:var(--shadow-card)}.highlight-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00d4ff1a;border-radius:12px;color:var(--color-accent-primary)}.highlight-card__content{display:flex;flex-direction:column}.highlight-card__value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.highlight-card__label{font-size:.85rem;color:var(--color-text-muted)}.experience{padding:var(--section-padding) 0;background:var(--color-bg-primary)}.timeline{position:relative;max-width:900px}.timeline__item{display:flex;gap:32px;margin-bottom:40px}.timeline__item:last-child{margin-bottom:0}.timeline__marker{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:8px}.timeline__dot{width:16px;height:16px;background:var(--color-accent-gradient);border-radius:50%;flex-shrink:0;box-shadow:0 0 20px #00d4ff66}.timeline__line{width:2px;flex:1;margin-top:12px;background:linear-gradient(to bottom,var(--color-accent-primary) 0%,transparent 100%);opacity:.3}.timeline__content{flex:1;padding-bottom:20px}.experience-card{background:var(--color-bg-card);border-radius:20px;padding:32px;border:1px solid var(--color-border);transition:all var(--transition-normal)}.experience-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card)}.experience-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:16px}.experience-card__company{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);line-height:1.3}.experience-card__location{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-text-muted);margin-top:4px}.experience-card__period{font-family:var(--font-mono);font-size:.85rem;color:var(--color-accent-primary);white-space:nowrap;padding:6px 12px;background:#00d4ff1a;border-radius:8px}.experience-card__role{font-size:1rem;font-weight:600;color:var(--color-accent-secondary);margin-bottom:16px}.experience-card__description{color:var(--color-text-secondary);line-height:1.7;margin-bottom:20px}.experience-card__modules{margin-bottom:20px}.experience-card__modules-label{font-size:.85rem;font-weight:600;color:var(--color-text-muted);margin-bottom:10px;display:block}.experience-card__modules-list{display:flex;flex-wrap:wrap;gap:8px}.module-tag{padding:6px 14px;background:#7b5cff1a;color:var(--color-accent-secondary);border-radius:8px;font-size:.85rem;font-weight:500;border:1px solid rgba(123,92,255,.2)}.experience-card__tech{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:6px 14px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:8px;font-family:var(--font-mono);font-size:.8rem;font-weight:500;border:1px solid var(--color-border);transition:all var(--transition-fast)}.tech-tag:hover{color:var(--color-accent-primary);border-color:#00d4ff4d}.skills{padding:var(--section-padding) 0;background:var(--color-bg-secondary)}.skills__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.skill-card{background:var(--color-bg-card);border-radius:20px;padding:32px;border:1px solid var(--color-border);transition:all var(--transition-normal);text-align:center}.skill-card:hover{transform:translateY(-8px);border-color:var(--color-border-hover);box-shadow:var(--shadow-glow)}.skill-card__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-gradient);border-radius:16px;margin:0 auto 20px;color:var(--color-bg-primary)}.skill-card__title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:20px}.skill-card__items{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.skill-item{padding:8px 14px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:8px;font-size:.85rem;font-weight:500;transition:all var(--transition-fast)}.skill-item:hover{color:var(--color-text-primary);background:var(--color-bg-card-hover)}.contact{padding:var(--section-padding) 0;background:var(--color-bg-primary)}.contact__content{max-width:700px;margin:0 auto}.contact__subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:500px;margin:16px auto 48px;line-height:1.7}.contact__info{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.contact-card{display:flex;align-items:center;gap:20px;padding:28px;background:var(--color-bg-card);border-radius:16px;border:1px solid var(--color-border);text-decoration:none;transition:all var(--transition-normal)}.contact-card:hover{border-color:var(--color-accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-card)}.contact-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#00d4ff1a;border-radius:14px;color:var(--color-accent-primary)}.contact-card__content{display:flex;flex-direction:column}.contact-card__label{font-size:.85rem;color:var(--color-text-muted);margin-bottom:4px}.contact-card__value{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.footer{padding:40px 0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.footer__content{text-align:center}.footer__copyright{color:var(--color-text-secondary);margin-bottom:8px}.footer__tagline{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted)}@media(max-width:1024px){.skills__grid{grid-template-columns:repeat(2,1fr)}.about__content{grid-template-columns:1fr;gap:48px}}@media(max-width:768px){:root{--section-padding: 80px}.nav__links{display:none}.hero__subtitle{flex-direction:column;gap:8px}.hero__divider{display:none}.about__highlights{grid-template-columns:repeat(2,1fr)}.timeline__item{flex-direction:column;gap:16px}.timeline__marker{flex-direction:row;padding-top:0}.timeline__line{display:none}.experience-card__header{flex-direction:column}.experience-card__period{align-self:flex-start}.skills__grid,.contact__info{grid-template-columns:1fr}}@media(max-width:480px){.about__highlights{grid-template-columns:1fr}.hero__cta{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}}