@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";.intro{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:var(--z-max);display:flex;align-items:center;justify-content:center;overflow:hidden}.intro__panel{position:absolute;top:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.intro__panel--left{left:0;background:linear-gradient(135deg,#6366f1,#4f46e5)}.intro__panel--right{right:0;background:linear-gradient(135deg,#8b5cf6,#a855f7)}.intro__pattern{display:flex;flex-direction:column;gap:15px;padding:0 var(--space-xl)}.intro__pattern--reverse{align-items:flex-end}.intro__pattern-line{height:2px;background:#fff3;border-radius:var(--radius-full);transform-origin:left}.intro__pattern--reverse .intro__pattern-line{transform-origin:right}.intro__pattern-line:nth-child(odd){width:60%}.intro__pattern-line:nth-child(2n){width:40%}.intro__content{position:relative;z-index:10;text-align:center;color:#fff}.intro__logo{width:80px;height:80px;margin:0 auto var(--space-xl);display:flex;align-items:center;justify-content:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2)}.intro__logo-text{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro__name{font-family:var(--font-heading);font-size:var(--fs-5xl);font-weight:var(--fw-extrabold);letter-spacing:-.02em;margin-bottom:var(--space-md);min-height:1.2em}.intro__cursor{color:#fff;font-weight:var(--fw-light);margin-left:2px}.intro__tagline{font-size:var(--fs-lg);font-weight:var(--fw-medium);opacity:.9;letter-spacing:.05em;text-transform:uppercase}@media(max-width:768px){.intro__name{font-size:var(--fs-3xl)}.intro__logo{width:60px;height:60px}.intro__logo-text{font-size:var(--fs-xl)}.intro__tagline{font-size:var(--fs-base)}}.theme-toggle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-primary)}.theme-toggle svg{flex-shrink:0}.theme-toggle__label{display:none}@media(min-width:1024px){.theme-toggle__label{display:inline}}.language-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--transition-fast)}.language-toggle:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.language-toggle__option{color:var(--text-tertiary);transition:color var(--transition-fast)}.language-toggle__option--active{color:var(--accent-primary)}.language-toggle__divider{color:var(--text-tertiary)}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-md) 0;transition:all var(--transition-base)}.navbar--scrolled{background:var(--navbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--navbar-border);padding:var(--space-sm) 0}.navbar__container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-lg)}.navbar__logo{display:flex;align-items:center;font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);text-decoration:none;transition:transform var(--transition-base)}.navbar__logo:hover{transform:scale(1.05)}.navbar__logo-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar__logo-dot{color:var(--accent-primary)}.navbar__menu{display:flex;align-items:center;gap:var(--space-xl);list-style:none}.navbar__link{position:relative;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);text-decoration:none;padding:var(--space-sm) 0;transition:color var(--transition-fast)}.navbar__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width var(--transition-base)}.navbar__link:hover{color:var(--text-primary)}.navbar__link:hover:after{width:100%}.navbar__actions{display:flex;align-items:center;gap:var(--space-md)}.navbar__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;gap:5px;cursor:pointer;background:none;border:none;padding:0;z-index:calc(var(--z-overlay) + 1)}.navbar__hamburger span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-base)}.navbar__hamburger--active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__hamburger--active span:nth-child(2){opacity:0}.navbar__hamburger--active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.navbar__mobile-menu{position:fixed;top:0;right:0;width:100%;max-width:350px;height:100vh;background:var(--bg-primary);padding:var(--space-5xl) var(--space-xl);display:flex;flex-direction:column;z-index:var(--z-overlay);box-shadow:-10px 0 30px #0003}.navbar__mobile-links{display:flex;flex-direction:column;gap:var(--space-lg);list-style:none;margin-top:var(--space-xl)}.navbar__mobile-link{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast);display:block}.navbar__mobile-link:hover{color:var(--accent-primary);transform:translate(10px)}.navbar__mobile-actions{margin-top:var(--space-xl);display:flex;align-items:center;gap:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-light)}.navbar__mobile-actions .theme-toggle,.navbar__mobile-actions .language-toggle{transform:scale(1.3);padding:var(--space-sm)}@media(max-width:768px){.navbar__menu,.navbar__actions{display:none}.navbar__hamburger{display:flex}.navbar--scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-primary);border-bottom:1px solid var(--border-light);opacity:.98}}@media(max-width:480px){.navbar__mobile-menu{max-width:100%}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:var(--space-3xl) 0 var(--space-xl)}.footer__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.footer__brand{text-align:center}.footer__logo{display:inline-flex;align-items:center;font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary);text-decoration:none;margin-bottom:var(--space-sm)}.footer__logo-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer__logo-dot{color:var(--accent-primary)}.footer__tagline{font-size:var(--fs-sm);color:var(--text-tertiary);margin:0}.footer__bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.footer__copyright,.footer__made{font-size:var(--fs-sm);color:var(--text-tertiary);margin:0}@media(min-width:768px){.footer__bottom{flex-direction:row;justify-content:space-between;width:100%}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden;width:100%}.hero__background{position:absolute;inset:0;z-index:-1}.hero__gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(139,92,246,.1) 0%,transparent 50%)}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--border-light) 1px,transparent 1px),linear-gradient(90deg,var(--border-light) 1px,transparent 1px);background-size:60px 60px;opacity:.3;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.hero__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;transition:opacity var(--transition-slow)}[data-theme=light] .hero__orb{opacity:.5;filter:blur(90px) saturate(1.5)}.hero__orb--1{width:500px;height:500px;top:-100px;left:-100px;background:var(--accent-primary)}.hero__orb--2{width:400px;height:400px;bottom:-50px;right:-50px;background:var(--accent-secondary)}.hero__content{max-width:800px;margin:0 auto;text-align:center}.hero__greeting{display:block;font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--accent-primary);margin-bottom:var(--space-md)}.hero__name{font-family:var(--font-heading);font-size:var(--fs-6xl);font-weight:var(--fw-extrabold);line-height:1.1;margin-bottom:var(--space-lg);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__title{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.hero__title-main{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:var(--text-primary)}.hero__title-sub{font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--text-secondary)}.hero__description{font-size:var(--fs-md);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-2xl);line-height:1.8}.hero__cta{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--fs-base);font-weight:var(--fw-semibold);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer}.btn--primary{background:var(--accent-gradient);color:#fff;border:none;box-shadow:0 4px 15px #6366f14d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn--secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-medium)}.btn--secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.hero__scroll{position:absolute;bottom:var(--space-2xl);left:50%;transform:translate(-50%)}.hero__scroll-indicator{color:var(--text-tertiary)}@media(max-width:768px){.hero__name{font-size:var(--fs-4xl)}.hero__title-main{font-size:var(--fs-xl)}.hero__title-sub{font-size:var(--fs-base)}.hero__orb--1{width:300px;height:300px;filter:blur(40px);will-change:transform}.hero__orb--2{width:250px;height:250px;filter:blur(40px);will-change:transform}}@media(max-width:480px){.hero{align-items:flex-start;padding-top:100px;min-height:100dvh}.hero__content{margin-top:0}.hero__greeting{margin-bottom:var(--space-xs)}.hero__name{font-size:var(--fs-3xl);margin-bottom:var(--space-sm)}.hero__title{margin-bottom:var(--space-md)}.hero__description{margin-bottom:var(--space-lg)}.hero__cta{flex-direction:column;width:100%;padding:0 var(--space-lg)}.btn{width:100%;justify-content:center}}.about{background:var(--bg-secondary)}.about__content{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-4xl);align-items:center}.about__image-wrapper{position:relative}.about__profile-img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:block}.about__image-decoration{position:absolute;top:var(--space-lg);left:var(--space-lg);right:calc(-1 * var(--space-lg));bottom:calc(-1 * var(--space-lg));border:3px solid var(--accent-primary);border-radius:var(--radius-xl);z-index:-1;opacity:.3}.about__text{color:var(--text-secondary)}.about__intro{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-lg)}.about__text p{line-height:1.8}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--border-light)}.about__stat{text-align:center}.about__stat-value{display:block;font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:var(--fw-bold);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.about__stat-label{font-size:var(--fs-sm);color:var(--text-tertiary)}@media(max-width:1024px){.about__content{grid-template-columns:1fr;gap:var(--space-2xl)}.about__image-wrapper{max-width:400px;margin:0 auto}}@media(max-width:768px){.about__intro{font-size:var(--fs-xl)}.about__stats{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.about__stat-value{font-size:var(--fs-2xl)}.about__stat-label{font-size:var(--fs-xs)}}@media(max-width:480px){.about__text,.about__stats,.about__stat,.about__intro{width:100%;max-width:100%;overflow-wrap:break-word}}.skills__subtitle{text-align:center;color:var(--text-secondary);font-size:var(--fs-md);margin-top:calc(-1 * var(--space-2xl));margin-bottom:var(--space-3xl)}.skills__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.skills__category{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base)}.skills__category:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.skills__category-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-light);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills__list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skills__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary);transition:all var(--transition-fast);cursor:default}.skills__item-icon{font-size:var(--fs-base)}.skills__item-name{white-space:nowrap}@media(max-width:1024px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.skills__grid{grid-template-columns:1fr}.skills__subtitle{margin-top:calc(-1 * var(--space-xl));margin-bottom:var(--space-2xl)}}@media(max-width:480px){.skills__category{padding:var(--space-lg)}.skills__item{padding:var(--space-xs) var(--space-sm);font-size:var(--fs-xs)}}.projects{background:var(--bg-secondary)}.projects__subtitle{text-align:center;color:var(--text-secondary);font-size:var(--fs-md);margin-top:calc(-1 * var(--space-2xl));margin-bottom:var(--space-3xl)}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.projects__card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.projects__card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--accent-primary)}.projects__card--featured{grid-column:span 1}.projects__card-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg-tertiary)}.projects__card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.projects__card:hover .projects__card-image img{transform:scale(1.05)}.projects__card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-tertiary);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.projects__card-placeholder svg{opacity:.3}.projects__card-placeholder span{font-size:var(--fs-sm);opacity:.5}.projects__card-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.projects__card:hover .projects__card-overlay{opacity:1}.projects__card-links{display:flex;gap:var(--space-md)}.projects__card-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--accent-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--transition-fast)}.projects__card-link:hover{background:var(--accent-secondary);transform:scale(1.05)}.projects__card-content{padding:var(--space-lg)}.projects__card-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.projects__card-description{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.projects__card-tech{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.projects__card-tag{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--accent-primary)}.projects__coming-soon{text-align:center;color:var(--text-tertiary);font-style:italic;margin-top:var(--space-2xl)}@media(max-width:1024px){.projects__grid{grid-template-columns:1fr}.projects__card--featured{grid-column:span 1}}@media(max-width:768px){.projects__subtitle{margin-top:calc(-1 * var(--space-xl));margin-bottom:var(--space-2xl)}.projects__card-links{flex-direction:column;gap:var(--space-sm)}}@media(max-width:480px){.projects__card-content{padding:var(--space-md)}.projects__card-title{font-size:var(--fs-lg)}}.contact__subtitle{text-align:center;color:var(--text-secondary);font-size:var(--fs-md);margin-top:calc(-1 * var(--space-2xl));margin-bottom:var(--space-3xl)}.contact__content{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4xl);align-items:start}.contact__form{display:flex;flex-direction:column;gap:var(--space-lg)}.contact__form-group{width:100%}.contact__input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--card-bg);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--fs-base);transition:all var(--transition-fast)}.contact__input::placeholder{color:var(--text-tertiary)}.contact__input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f11a}.contact__textarea{resize:vertical;min-height:150px}.contact__submit{width:100%;padding:var(--space-md) var(--space-xl);font-size:var(--fs-md)}.contact__submit:disabled{opacity:.7;cursor:not-allowed}.contact__message{text-align:center;padding:var(--space-md);border-radius:var(--radius-md);font-weight:var(--fw-medium);margin:0}.contact__message--success{background:#22c55e1a;color:var(--color-success);border:1px solid var(--color-success)}.contact__message--error{background:#ef44441a;color:var(--color-error);border:1px solid var(--color-error)}.contact__info{display:flex;flex-direction:column;gap:var(--space-xl)}.contact__info-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-xl)}.contact__info-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--space-lg)}.contact__info-items{display:flex;flex-direction:column;gap:var(--space-lg)}.contact__info-item{display:flex;align-items:flex-start;gap:var(--space-md)}.contact__info-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--accent-primary);flex-shrink:0}.contact__info-text{display:flex;flex-direction:column;gap:var(--space-xs)}.contact__info-label{font-size:var(--fs-sm);color:var(--text-tertiary);font-weight:var(--fw-medium)}.contact__info-value{font-size:var(--fs-base);color:var(--text-primary);font-weight:var(--fw-medium)}a.contact__info-icon{text-decoration:none;transition:transform var(--transition-fast),background-color var(--transition-fast)}a.contact__info-icon:hover{transform:scale(1.1);background-color:var(--accent-primary);color:#fff}.contact__social{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-xl)}.contact__social-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--space-lg)}.contact__social-links{display:flex;gap:var(--space-md)}.contact__social-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--text-secondary);transition:all var(--transition-fast)}.contact__social-link:hover{background:var(--accent-primary);color:#fff;transform:translateY(-3px)}@media(max-width:1024px){.contact__content{grid-template-columns:1fr;gap:var(--space-2xl)}}@media(max-width:768px){.contact__subtitle{margin-top:calc(-1 * var(--space-xl));margin-bottom:var(--space-2xl)}.contact__info-card,.contact__social,.contact__content{width:100%;max-width:100%;overflow-x:hidden}.contact__input,.contact__textarea{font-size:16px}}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--fs-4xl: 3rem;--fs-5xl: 4rem;--fs-6xl: 5rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-overlay: 400;--z-max: 999;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--bp-mobile: 480px;--bp-tablet: 768px;--bp-laptop: 1024px;--bp-desktop: 1280px}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #64748b;--text-inverse: #ffffff;--accent-primary: #4f46e5;--accent-secondary: #7c3aed;--accent-tertiary: #9333ea;--accent-secondary: #8b5cf6;--accent-tertiary: #a855f7;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-dark: #94a3b8;--card-bg: #ffffff;--card-border: #e2e8f0;--card-shadow: var(--shadow-md);--navbar-bg: rgba(255, 255, 255, .8);--navbar-border: rgba(226, 232, 240, .8);--intro-bg-left: #6366f1;--intro-bg-right: #8b5cf6;--intro-text: #ffffff}[data-theme=dark]{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #252542;--bg-elevated: #1e1e35;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--text-inverse: #0f172a;--accent-primary: #818cf8;--accent-secondary: #a78bfa;--accent-tertiary: #c084fc;--accent-gradient: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%);--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--border-light: #2d2d4a;--border-medium: #3d3d5c;--border-dark: #4d4d6c;--card-bg: #1e1e35;--card-border: #2d2d4a;--card-shadow: 0 10px 40px rgba(0, 0, 0, .4);--navbar-bg: rgba(15, 15, 26, .9);--navbar-border: rgba(45, 45, 74, .8);--intro-bg-left: #1a1a2e;--intro-bg-right: #252542;--intro-text: #f8fafc}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;width:100%;overflow-y:scroll}body{font-family:var(--font-primary);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;position:relative;transition:background-color var(--transition-base),color var(--transition-base);cursor:default}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea{cursor:text}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-bold);line-height:1.2;color:var(--text-primary)}h1{font-size:var(--fs-5xl)}h2{font-size:var(--fs-4xl)}h3{font-size:var(--fs-3xl)}h4{font-size:var(--fs-2xl)}h5{font-size:var(--fs-xl)}h6{font-size:var(--fs-lg)}p{color:var(--text-secondary);margin-bottom:var(--space-md)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-5xl) 0}.section-title{font-size:var(--fs-4xl);font-weight:var(--fw-bold);text-align:center;margin-bottom:var(--space-3xl);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}@media(max-width:768px){html{font-size:14px}h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}.section{padding:var(--space-3xl) 0}.section-title{font-size:var(--fs-3xl)}}@media(max-width:480px){html{font-size:13px}.container{padding:0 var(--space-md)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}::selection{background:var(--accent-primary);color:var(--text-inverse)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}