:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a25;--color-bg-card: #16161f;--color-bg-card-hover: #1e1e2a;--color-text-primary: #f0f0f5;--color-text-secondary: #a0a0b0;--color-text-muted: #6b6b7b;--color-accent: #6366f1;--color-accent-light: #818cf8;--color-accent-dark: #4f46e5;--color-accent-glow: rgba(99, 102, 241, .15);--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--color-accent-glow);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--header-height: 72px;--container-max: 1200px;--section-padding: 100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}ul{list-style:none}::selection{background-color:var(--color-accent);color:#fff}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding) 0}.section-label{display:inline-block;font-family:var(--font-mono);font-size:.85rem;color:var(--color-accent-light);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.2;margin-bottom:16px}.section-subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;line-height:1.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-accent-glow)}50%{box-shadow:0 0 40px var(--color-accent-glow)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}@media (max-width: 768px){:root{--section-padding: 70px}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);transition:all var(--transition-base)}.header--scrolled{background:#0a0a0fd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.header__logo{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--color-text-primary);transition:color var(--transition-fast)}.header__logo:hover{color:var(--color-accent-light)}.header__logo-bracket{color:var(--color-accent)}.header__nav-list{display:flex;gap:8px}.header__nav-link{padding:8px 16px;font-size:.9rem;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.header__nav-link:hover,.header__nav-link--active{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.header__nav-link--active{color:var(--color-accent-light)}.header__menu-btn{display:none;color:var(--color-text-primary);padding:8px}@media (max-width: 768px){.header__menu-btn{display:flex}.header__nav{position:fixed;top:var(--header-height);left:0;right:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:16px 24px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-base)}.header__nav--open{transform:translateY(0);opacity:1;pointer-events:all}.header__nav-list{flex-direction:column;gap:4px}.header__nav-link{display:block;padding:12px 16px}}.footer{border-top:1px solid var(--color-border);padding:48px 0;background:var(--color-bg-secondary)}.footer__inner{display:flex;justify-content:center;text-align:center}.footer__copy{font-size:.85rem;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap}.btn--sm{padding:8px 16px;font-size:.85rem}.btn--md{padding:12px 24px;font-size:.95rem}.btn--lg{padding:14px 32px;font-size:1rem}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-light);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-accent);background:var(--color-bg-card-hover)}.btn--ghost{color:var(--color-text-secondary);padding:8px 12px}.btn--ghost:hover{color:var(--color-accent-light)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:var(--header-height);overflow:hidden}.hero__bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.hero__glow{position:absolute;top:20%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,var(--color-accent-glow) 0%,transparent 70%);pointer-events:none}.hero__content{position:relative;text-align:center;z-index:1}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:100px;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:32px;opacity:0}.hero__status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-glow 2s infinite}.hero__title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:16px;opacity:0}.hero__name{background:linear-gradient(135deg,var(--color-accent-light),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:clamp(1.2rem,3vw,1.75rem);color:var(--color-text-secondary);font-weight:500;margin-bottom:16px;opacity:0}.hero__tagline{font-size:1.1rem;color:var(--color-text-muted);max-width:550px;margin:0 auto 40px;line-height:1.7;opacity:0}.hero__actions{display:flex;gap:16px;justify-content:center;margin-bottom:40px;opacity:0}.hero__social{display:flex;gap:16px;justify-content:center;opacity:0}.hero__social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast)}.hero__social a:hover{color:var(--color-accent-light);border-color:var(--color-accent);transform:translateY(-2px)}.hero__scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);color:var(--color-text-muted);animation:fadeIn 1s ease 1s forwards;opacity:0;padding:8px;transition:color var(--transition-fast)}.hero__scroll:hover{color:var(--color-accent-light)}@media (max-width: 768px){.hero__actions{flex-direction:column;align-items:center}}.section-header{margin-bottom:48px}.section-header--center{text-align:center}.section-header--center .section-subtitle{margin:0 auto}.about{background:var(--color-bg-secondary)}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.about__bio p{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:32px}.about__info{display:flex;flex-direction:column;gap:16px}.about__info-item{display:flex;flex-direction:column;gap:4px}.about__info-label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.about__info-value{font-size:1rem;color:var(--color-text-primary)}.about__info-link{color:var(--color-accent-light);transition:color var(--transition-fast)}.about__info-link:hover{color:var(--color-accent)}.about__principles{display:flex;flex-direction:column;gap:20px}.about__principle-card{display:flex;gap:20px;padding:24px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.about__principle-card:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover);transform:translateY(-2px)}.about__principle-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-accent-glow);border-radius:var(--radius-md);color:var(--color-accent-light)}.about__principle-title{font-size:1.05rem;font-weight:600;margin-bottom:6px}.about__principle-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}@media (max-width: 768px){.about__grid{grid-template-columns:1fr;gap:32px}}.services{background:var(--color-bg-secondary)}.services__categories{display:flex;flex-direction:column;gap:48px}.services__category-title{font-size:.85rem;font-family:var(--font-mono);color:var(--color-accent-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.services__card{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.services__card:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover);transform:translateY(-3px)}.services__card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-accent-glow);border-radius:var(--radius-md);color:var(--color-accent-light);flex-shrink:0}.services__card-title{font-size:1rem;font-weight:600;line-height:1.35}.services__card-desc{font-size:.88rem;color:var(--color-text-secondary);line-height:1.6}.services__cta{margin-top:56px;padding:40px;text-align:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.services__cta-text{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.7;max-width:560px;margin:0 auto 24px}@media (max-width: 1024px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.services__grid{grid-template-columns:1fr}.services__cta{padding:28px 20px}}.skills__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.skills__category-title{font-size:.85rem;font-family:var(--font-mono);color:var(--color-accent-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.skills__list{display:flex;flex-direction:column;gap:10px}.skills__card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.skills__card:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover);transform:translate(4px)}.skills__icon{font-size:1.3rem;flex-shrink:0}.skills__info{display:flex;align-items:center;justify-content:space-between;flex:1}.skills__name{font-weight:500;font-size:.95rem}.skills__level{font-size:.75rem;font-family:var(--font-mono);padding:2px 10px;border-radius:100px}.skills__level--expert{background:#22c55e1a;color:#4ade80}.skills__level--advanced{background:#6366f11a;color:var(--color-accent-light)}.skills__level--intermediate{background:#fbbf241a;color:#fbbf24}@media (max-width: 768px){.skills__grid{grid-template-columns:1fr}}.badge{display:inline-block;padding:4px 12px;font-size:.8rem;font-weight:500;border-radius:100px;font-family:var(--font-mono)}.badge--default{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge--accent{background:var(--color-accent-glow);color:var(--color-accent-light);border:1px solid rgba(99,102,241,.3)}.project-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column}.project-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-md)}.project-card__image{position:relative;height:180px;display:flex;align-items:center;justify-content:center}.project-card__image-overlay{display:flex;align-items:center;justify-content:center}.project-card__initials{font-size:2.5rem;font-weight:800;color:#ffffffe6;font-family:var(--font-mono)}.project-card__featured{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 12px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;font-size:.75rem;color:#fbbf24;font-weight:500}.project-card__body{padding:24px;display:flex;flex-direction:column;flex:1}.project-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.project-card__company{font-size:.8rem;font-weight:600;color:var(--color-accent-light);font-family:var(--font-mono)}.project-card__period{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono);white-space:nowrap}.project-card__title{font-size:1.2rem;font-weight:700;margin-bottom:8px}.project-card__desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.project-card__highlights{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;flex:1}.project-card__highlights li{font-size:.82rem;color:var(--color-text-muted);padding-left:16px;position:relative}.project-card__highlights li:before{content:"▸";position:absolute;left:0;color:var(--color-accent)}.project-card__tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.project-card__links{display:flex;gap:12px;margin-top:auto}.project-card__link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all var(--transition-fast)}.project-card__link:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-accent-glow)}.project-card__link--live{color:var(--color-accent-light)}.project-card__link--apk{color:#4ade80}.project-card__link--video{color:#fbbf24}.project-card__mobile-icon{color:#ffffffe6}.project-card__platform{position:absolute;bottom:12px;left:12px;padding:4px 12px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;font-size:.75rem;color:#4ade80;font-weight:500;font-family:var(--font-mono)}.project-card__mobile-note{font-size:.82rem;color:var(--color-accent-light);background:var(--color-accent-glow);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:16px;line-height:1.5}.project-card__links{flex-wrap:wrap}.projects{background:var(--color-bg-secondary)}.projects__filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:48px}.projects__filter{padding:8px 20px;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:100px;transition:all var(--transition-fast)}.projects__filter:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.projects__filter--active{color:var(--color-accent-light);background:var(--color-accent-glow);border-color:#6366f14d}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px}.projects__empty{text-align:center;color:var(--color-text-muted);padding:48px 0}@media (max-width: 768px){.projects__grid{grid-template-columns:1fr}}.contact__card{max-width:700px;margin:0 auto;padding:48px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:40px;text-align:center}.contact__info{display:flex;flex-direction:column;gap:24px;align-items:center}.contact__item{display:flex;align-items:center;gap:16px}.contact__icon{color:var(--color-accent-light);flex-shrink:0}.contact__label{display:block;font-size:.8rem;color:var(--color-text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.contact__value{font-size:1.05rem;color:var(--color-text-primary);transition:color var(--transition-fast)}a.contact__value:hover{color:var(--color-accent-light)}.contact__social{display:flex;gap:12px;margin-top:8px}.contact__social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast)}.contact__social a:hover{color:var(--color-accent-light);border-color:var(--color-accent);transform:translateY(-2px)}.contact__cta-text{font-size:1.05rem;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.7}@media (max-width: 768px){.contact__card{padding:32px 24px}}