@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/dad5af6a451969b9-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f751862dd005bbab-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/162bae04ee86dd69-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/67d172d8d0152ee1-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/536d9d896eaf4f3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/87069f06a4f1ee13-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Great Vibes Fallback;src:local("Arial");ascent-override:124.79%;descent-override:58.80%;line-gap-override:0.00%;size-adjust:68.19%}.__className_a10525{font-family:Great Vibes,Great Vibes Fallback;font-weight:400;font-style:normal}.__variable_a10525{--font-great-vibes:"Great Vibes","Great Vibes Fallback"}:root{--spacing-unit:8px;--spacing-0:0;--spacing-1:8px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--spacing-8:64px;--spacing-10:80px;--spacing-12:96px;--spacing-16:128px;--container-max-width:1200px;--container-max-width-wide:1440px;--container-max-width-narrow:960px;--container-padding-x:clamp(16px,5vw,64px);--container-padding-y:clamp(32px,8vh,96px);--section-gap:var(--spacing-16);--section-gap-mobile:var(--spacing-12);--card-gap:var(--spacing-4);--card-gap-mobile:var(--spacing-3);--content-gap:var(--spacing-3);--content-gap-small:var(--spacing-2);--touch-target-min:44px;--touch-target-mobile:48px;--spacing-google-standard:72px;--breakpoint-mobile:479px;--breakpoint-tablet:767px;--breakpoint-tablet-lg:1023px;--breakpoint-desktop:1024px;--breakpoint-desktop-lg:1440px}@media (max-width:768px){:root{--section-gap:var(--spacing-12);--card-gap:var(--spacing-3)}}@media (max-width:480px){:root{--section-gap:var(--spacing-10);--card-gap:var(--spacing-2);--content-gap:var(--spacing-2)}}:root{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-accent:#14b8a6;--color-accent-light:#5eead4;--color-accent-dark:#0f766e;--color-accent-50:#f0fdfa;--color-neutral-50:#fafaf9;--color-neutral-100:#f5f5f4;--color-neutral-200:#e7e5e4;--color-neutral-300:#d6d3d1;--color-neutral-400:#a8a29e;--color-neutral-500:#78716c;--color-neutral-600:#57534e;--color-neutral-700:#44403c;--color-neutral-800:#292524;--color-neutral-900:#1c1917;--color-neutral-950:#0a0a0a;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-text-primary:#1a1a1a;--color-text-secondary:#666666;--color-text-tertiary:#999999;--color-text-disabled:#cccccc;--color-text-inverse:#ffffff;--color-bg-primary:#ffffff;--color-bg-secondary:#fafaf8;--color-bg-tertiary:#f5f5f7;--color-bg-elevated:#ffffff;--color-bg-overlay:rgba(0,0,0,0.6);--color-border-light:rgba(0,0,0,0.08);--color-border-medium:rgba(0,0,0,0.12);--color-border-dark:rgba(0,0,0,0.2);--gradient-primary:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-primary-soft:linear-gradient(135deg,#60a5fa,#3b82f6);--gradient-accent:linear-gradient(135deg,#14b8a6,#0d9488);--gradient-accent-soft:linear-gradient(135deg,#5eead4,#14b8a6);--gradient-rainbow:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--gradient-rainbow-bright:linear-gradient(135deg,#fa709a,#fee140 50%,#30cfd0);--gradient-sunset:linear-gradient(135deg,#fa709a,#fee140);--gradient-tech:linear-gradient(135deg,#4facfe,#00f2fe);--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-base:0 4px 6px rgba(0,0,0,0.05),0 2px 4px rgba(0,0,0,0.03);--shadow-md:0 4px 20px rgba(0,0,0,0.08),0 2px 10px rgba(0,0,0,0.05);--shadow-lg:0 12px 40px rgba(0,0,0,0.12),0 6px 20px rgba(0,0,0,0.08);--shadow-xl:0 20px 60px rgba(0,0,0,0.15),0 10px 30px rgba(0,0,0,0.1);--shadow-card:0 2px 8px rgba(0,0,0,0.08);--shadow-dropdown:0 4px 12px rgba(0,0,0,0.15);--shadow-primary:0 4px 24px rgba(59,130,246,0.35),0 2px 12px rgba(59,130,246,0.25);--shadow-accent:0 4px 24px rgba(20,184,166,0.35),0 2px 12px rgba(20,184,166,0.25);--shadow-error:0 4px 24px rgba(248,113,113,0.35),0 2px 12px rgba(248,113,113,0.25);--opacity-disabled:0.4;--opacity-hover:0.8;--opacity-active:0.6;--color-accent-warm:#FF9A9E;--color-accent-warm-dark:#ff8e53;--color-accent-warm-light:#ffecd2;--color-accent-purple:#a855f7;--color-accent-purple-light:#8b89ff;--color-accent-purple-dark:#7c3aed;--color-accent-rose:#f43f5e;--color-accent-rose-light:#fda4af;--color-accent-rose-dark:#e11d48;--gradient-error:linear-gradient(135deg,#f87171,#ef4444);--gradient-error-hover:linear-gradient(135deg,#ef4444,#dc2626);--gradient-dark:linear-gradient(135deg,#1a1a1a,#374151);--gradient-dark-hover:linear-gradient(135deg,#374151,#4b5563);--gradient-bg-warm:linear-gradient(180deg,#F5F5F7 0%,#FAFAF8);--gradient-bg-cool:linear-gradient(180deg,#FAFAF8 0%,#F5F5F7);--gradient-timeline:linear-gradient(180deg,#14b8a6 0%,#3b82f6 50%,#a855f7);--gradient-skill:linear-gradient(90deg,#14b8a6,#3b82f6);--gradient-progress:linear-gradient(90deg,#3b82f6,#2563eb);--gradient-blob-accent:linear-gradient(135deg,#14b8a6,#0d9488 50%,#0f766e);--gradient-blob-primary:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);--gradient-blob-purple:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9);--gradient-blob-rose:linear-gradient(135deg,#f43f5e,#e11d48 50%,#be123c);--gradient-skill-icon:linear-gradient(135deg,#f0f9ff,#e0f2fe);--color-tag-accent-bg:#f0fdf4;--color-tag-primary-bg:#eff6ff;--color-tag-purple-bg:#faf5ff;--color-tag-rose-bg:#fff1f2;--color-decoration-indigo:#667eea;--shadow-warm:0 4px 24px rgba(255,154,158,0.35),0 2px 12px rgba(255,154,158,0.25);--shadow-purple:0 4px 24px rgba(168,85,247,0.35),0 2px 12px rgba(168,85,247,0.25);--shadow-rose:0 4px 24px rgba(244,63,94,0.35),0 2px 12px rgba(244,63,94,0.25);--shadow-card-hover:0 12px 40px rgba(0,0,0,0.12),0 6px 20px rgba(0,0,0,0.08);--shadow-btn-hover:0 8px 32px rgba(0,0,0,0.2),0 4px 16px rgba(0,0,0,0.15);--btn-primary-bg:linear-gradient(135deg,#3b82f6,#2563eb);--btn-primary-bg-hover:linear-gradient(135deg,#2563eb,#1d4ed8);--btn-primary-shadow:0 4px 14px rgba(59,130,246,0.35);--btn-primary-shadow-hover:0 8px 24px rgba(59,130,246,0.45);--btn-secondary-bg:linear-gradient(135deg,#14b8a6,#0d9488);--btn-secondary-bg-hover:linear-gradient(135deg,#0d9488,#0f766e);--btn-secondary-shadow:0 4px 14px rgba(20,184,166,0.35);--btn-secondary-shadow-hover:0 8px 24px rgba(20,184,166,0.45);--btn-chip-active-bg:linear-gradient(135deg,#3b82f6,#2563eb);--btn-chip-active-shadow:0 4px 12px rgba(59,130,246,0.3);--btn-ghost-underline:linear-gradient(90deg,rgba(59,130,246,0.8),rgba(20,184,166,0.8));--skeleton-bg:#f0f0f0;--skeleton-bg-highlight:#e0e0e0;--skeleton-gradient:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-bg-highlight) 50%,var(--skeleton-bg) 75%);--skeleton-bg-dark:#2a2a2a;--skeleton-bg-highlight-dark:#3a3a3a;--skeleton-gradient-dark:linear-gradient(90deg,var(--skeleton-bg-dark) 25%,var(--skeleton-bg-highlight-dark) 50%,var(--skeleton-bg-dark) 75%);--glass-bg:rgba(255,255,255,0.72);--glass-bg-dark:rgba(0,0,0,0.72);--glass-border:rgba(255,255,255,0.18);--glass-border-dark:rgba(255,255,255,0.08);--glass-blur:blur(20px) saturate(180%);--glass-shadow:0 8px 32px rgba(0,0,0,0.08);--color-admin-bg:#0f172a;--color-admin-bg-secondary:#1e293b;--color-admin-surface:rgba(148,163,184,0.06);--color-admin-surface-elevated:rgba(148,163,184,0.10);--color-admin-surface-hover:rgba(148,163,184,0.14);--color-admin-border:rgba(148,163,184,0.12);--color-admin-border-light:rgba(148,163,184,0.08);--color-admin-border-medium:rgba(148,163,184,0.18);--color-admin-text-primary:#f1f5f9;--color-admin-text-secondary:#94a3b8;--color-admin-text-tertiary:#64748b;--color-admin-text-muted:#475569;--admin-glass-bg:rgba(30,41,59,0.6);--admin-glass-border:rgba(148,163,184,0.12);--admin-glass-blur:blur(20px) saturate(180%);--admin-glass-shadow:0 8px 32px rgba(15,23,42,0.5);--admin-glass-shadow-lg:0 16px 48px rgba(15,23,42,0.6);--shadow-admin-sm:0 2px 8px rgba(15,23,42,0.4);--shadow-admin-md:0 4px 16px rgba(15,23,42,0.5);--shadow-admin-lg:0 8px 32px rgba(15,23,42,0.6);--shadow-admin-card:0 4px 20px rgba(15,23,42,0.4),0 0 0 1px rgba(148,163,184,0.08);--shadow-admin-card-hover:0 8px 32px rgba(15,23,42,0.5),0 0 0 1px rgba(148,163,184,0.12);--admin-nav-active-bg:linear-gradient(135deg,rgba(59,130,246,0.25),rgba(59,130,246,0.15));--admin-nav-active-border:rgba(59,130,246,0.6);--admin-nav-hover-bg:rgba(148,163,184,0.08);--btn-danger-bg:linear-gradient(135deg,#ef4444,#dc2626);--btn-danger-bg-hover:linear-gradient(135deg,#dc2626,#b91c1c);--btn-danger-shadow:0 4px 14px rgba(239,68,68,0.35);--btn-danger-shadow-hover:0 8px 24px rgba(239,68,68,0.45);--btn-warning-bg:linear-gradient(135deg,#f59e0b,#d97706);--btn-warning-bg-hover:linear-gradient(135deg,#d97706,#b45309);--btn-warning-shadow:0 4px 14px rgba(245,158,11,0.35);--btn-warning-shadow-hover:0 8px 24px rgba(245,158,11,0.45);--btn-success-bg:linear-gradient(135deg,#10b981,#059669);--btn-success-bg-hover:linear-gradient(135deg,#059669,#047857);--btn-success-shadow:0 4px 14px rgba(16,185,129,0.35);--btn-success-shadow-hover:0 8px 24px rgba(16,185,129,0.45);--font-family-primary:var(--font-inter,"Inter"),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-secondary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-family-serif:"Times New Roman","Georgia","Cambria",serif;--font-family-mono:ui-monospace,"Fira Code","Monaco","Menlo","Consolas","Courier New",monospace;--font-family-script:var(--font-great-vibes,"Great Vibes"),"Brush Script MT",cursive;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-display-large:clamp(3.5rem,8vw,5.5rem);--font-display-medium:clamp(2.5rem,6vw,4rem);--font-display-small:clamp(2rem,5vw,3rem);--font-display-weight:var(--font-weight-bold);--font-display-line-height:1.15;--font-display-letter-spacing:-0.03em;--font-headline-large:clamp(2.5rem,5vw,3.5rem);--font-headline-medium:clamp(2rem,4vw,2.75rem);--font-headline-small:clamp(1.75rem,3.5vw,2.25rem);--font-headline-weight:var(--font-weight-bold);--font-headline-line-height:1.1;--font-headline-letter-spacing:-0.02em;--font-title-large:1.75rem;--font-title-medium:1.375rem;--font-title-small:1.125rem;--font-title-weight:var(--font-weight-semibold);--font-title-line-height:1.25;--font-title-letter-spacing:-0.01em;--font-body-large:1.125rem;--font-body-medium:1rem;--font-body-small:0.875rem;--font-body-weight:var(--font-weight-regular);--font-body-weight-medium:var(--font-weight-medium);--font-body-line-height:1.6;--font-body-letter-spacing:0;--font-label-large:1.0625rem;--font-label-medium:0.9375rem;--font-label-small:0.8125rem;--font-label-weight:var(--font-weight-medium);--font-label-line-height:1.4;--font-label-letter-spacing:0.02em;--font-caption:0.75rem;--font-caption-weight:var(--font-weight-regular);--font-caption-line-height:1.4;--font-overline:0.75rem;--font-overline-weight:var(--font-weight-semibold);--font-overline-line-height:1.4;--font-overline-letter-spacing:0.1em;--font-overline-transform:uppercase;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2}@media (max-width:768px){:root{--font-display-large:clamp(2.5rem,8vw,3.5rem);--font-display-medium:clamp(2rem,6vw,2.75rem);--font-headline-large:clamp(2rem,5vw,2.5rem);--font-headline-medium:clamp(1.75rem,4vw,2rem)}}@media (max-width:480px){:root{--font-display-large:clamp(2rem,8vw,2.5rem);--font-display-medium:clamp(1.75rem,6vw,2rem);--font-headline-large:clamp(1.75rem,5vw,2rem);--font-headline-medium:clamp(1.5rem,4vw,1.75rem);--font-body-medium:0.875rem;--font-body-small:0.875rem}}body{text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;font-family:var(--font-family-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);letter-spacing:-.02em}.font-serif{font-family:var(--font-family-serif)}.font-script{font-family:var(--font-family-script)}button,input,select,textarea{font-family:var(--font-family-secondary)}code,pre{font-family:var(--font-family-mono)}:root{--duration-instant:100ms;--duration-fast:200ms;--duration-base:300ms;--duration-slow:500ms;--duration-slower:800ms;--ease-out:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.6,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.25,0.1,0.25,1);--ease-linear:linear;--transition-button:all var(--duration-fast) var(--ease-out);--transition-card:all var(--duration-slow) var(--ease-out);--transition-color:color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out);--transition-transform:transform var(--duration-base) var(--ease-out);--transition-opacity:opacity var(--duration-base) var(--ease-out);--delay-0:0ms;--delay-100:100ms;--delay-200:200ms;--delay-300:300ms;--delay-500:500ms;--delay-1000:1000ms;--gpu-acceleration:translateZ(0);--will-change-transform:transform,opacity}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-10deg) scale(.9)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes rippleExpand1{0%{transform:scale(.9);opacity:0}10%{opacity:.6}to{transform:scale(1.6);opacity:0}}@keyframes rippleExpand2{0%{transform:scale(.85);opacity:0}15%{opacity:.4}to{transform:scale(1.8);opacity:0}}@keyframes buttonGlow{0%,to{box-shadow:0 4px 24px rgba(59,130,246,.35),0 2px 12px rgba(59,130,246,.25)}50%{box-shadow:0 8px 40px rgba(59,130,246,.55),0 4px 20px rgba(59,130,246,.4),0 0 60px rgba(59,130,246,.3)}}@media (max-width:768px){:root{--duration-slow:400ms;--duration-slower:600ms}}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes blurIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.page-enter{animation:pageEnter var(--duration-slower) var(--ease-out)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.scroll-animate{opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-left{opacity:0;transform:translateX(-20px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.scroll-animate-left.visible{opacity:1;transform:translateX(0)}.scroll-animate-right{opacity:0;transform:translateX(20px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.scroll-animate-right.visible{opacity:1;transform:translateX(0)}.scroll-animate-scale{opacity:0;transform:scale(.95);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.scroll-animate-scale.visible{opacity:1;transform:scale(1)}@keyframes liquidGlass{0%{backdrop-filter:blur(10px) saturate(100%);background:rgba(255,255,255,.5)}50%{backdrop-filter:blur(20px) saturate(180%);background:rgba(255,255,255,.7)}to{backdrop-filter:blur(10px) saturate(100%);background:rgba(255,255,255,.5)}}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(-4px) rotate(-1deg)}}@keyframes breatheGlow{0%,to{box-shadow:0 0 20px rgba(96,165,250,.2)}50%{box-shadow:0 0 40px rgba(96,165,250,.4)}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes cardLift{0%{transform:translateY(0) perspective(1000px) rotateX(0);box-shadow:0 4px 20px rgba(0,0,0,.1)}to{transform:translateY(-8px) perspective(1000px) rotateX(2deg);box-shadow:0 20px 40px rgba(0,0,0,.15)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.animate-liquid-glass{animation:liquidGlass 4s var(--ease-smooth) infinite}.animate-float{animation:gentleFloat 6s var(--ease-smooth) infinite}.animate-breathe{animation:breatheGlow 3s var(--ease-smooth) infinite}.animate-gradient-flow{background-size:200% 200%;animation:gradientFlow 8s var(--ease-smooth) infinite}.hero-cinematic-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 2rem;min-height:100vh;position:relative}.hero-title-wrapper{display:flex;align-items:flex-start;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.hero-quote{font-size:clamp(2rem,5vw,4rem);color:rgba(255,255,255,.4);line-height:1;margin-top:-.5rem}.hero-quote,.hero-title-cinematic{font-family:var(--font-family-serif,"Times New Roman"),Georgia,serif;font-style:italic}.hero-title-cinematic{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;letter-spacing:.02em;color:#ffffff;line-height:1.15;min-height:1.2em;text-shadow:0 2px 20px rgba(0,0,0,.3),0 4px 40px rgba(0,0,0,.2);white-space:nowrap;margin:0}.typewriter-text{display:inline}.mobile-break{display:none}.typewriter-cursor{display:inline-block;color:rgba(255,255,255,.9);font-weight:100;margin-left:2px;opacity:0;transition:opacity .1s ease}.typewriter-cursor.visible{opacity:1}.hero-subtitle-cinematic{font-family:var(--font-family-primary);font-size:clamp(1.125rem,3vw,1.75rem);font-weight:300;letter-spacing:.15em;color:rgba(255,248,235,.95);margin-bottom:2rem;opacity:0;transform:translateY(15px);transition:all .8s cubic-bezier(.4,0,.2,1);transition-delay:.3s;text-shadow:0 2px 15px rgba(0,0,0,.25)}.hero-subtitle-cinematic.visible{opacity:1;transform:translateY(0)}.hero-description-cinematic{font-family:var(--font-family-primary);font-size:clamp(.9375rem,2vw,1.125rem);font-weight:300;letter-spacing:.05em;color:rgba(255,255,255,.8);margin-bottom:3rem;max-width:500px;line-height:1.8;opacity:0;transform:translateY(15px);transition:all .8s cubic-bezier(.4,0,.2,1);transition-delay:.5s;text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-description-cinematic.visible{opacity:1;transform:translateY(0)}.hero-cta-cinematic{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;opacity:0;transform:translateY(15px);transition:all .8s cubic-bezier(.4,0,.2,1);transition-delay:.7s}.hero-cta-cinematic.visible{opacity:1;transform:translateY(0)}.hero-cinematic-footer{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:3rem;font-family:var(--font-family-primary);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);opacity:0;transform:translateY(10px);transition:all .8s cubic-bezier(.4,0,.2,1);transition-delay:.9s}.hero-cinematic-footer.visible{opacity:1;transform:translateY(0)}.meta-icon{font-size:.4rem;color:rgba(255,180,120,.9);animation:hero-pulse-glow 3s ease-in-out infinite}@keyframes hero-pulse-glow{0%,to{opacity:.7}50%{opacity:1;text-shadow:0 0 8px rgba(255,180,120,.6)}}.meta-text{font-weight:400}.meta-divider{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}@media (max-width:768px){.hero-cinematic-content{padding:0 1.5rem}.hero-subtitle-cinematic{letter-spacing:.1em}.hero-cta-cinematic{flex-direction:column;align-items:center;gap:1rem}.hero-cinematic-footer{margin-top:2.5rem}}@media (max-width:480px){.hero-cinematic-content{padding:0 1rem}.hero-title-wrapper{margin-bottom:1rem}.hero-quote{font-size:clamp(1.5rem,8vw,2.5rem)}.hero-title-cinematic{white-space:normal;font-size:clamp(2rem,10vw,2.75rem);line-height:1.2}.mobile-break{display:block}.hero-subtitle-cinematic{margin-bottom:1.5rem;letter-spacing:.08em}.hero-description-cinematic{margin-bottom:2rem}.hero-cinematic-footer{margin-top:2rem;font-size:.6875rem;gap:.5rem}.meta-divider{width:25px}}:root{--header-ease:cubic-bezier(0.4,0,0.2,1)}.header{transition:background-color .5s var(--header-ease),border-color .5s var(--header-ease),box-shadow .5s var(--header-ease),backdrop-filter .5s var(--header-ease)}.header-logo{font-family:var(--font-family-script,"Great Vibes"),"Brush Script MT","Lucida Handwriting",cursive;font-size:1.4rem;letter-spacing:.08em;line-height:1.6;padding:.25em 0;overflow:visible;transition:color .4s var(--header-ease),opacity .4s var(--header-ease)}.header-logo:hover{transform:scale(1.05);filter:brightness(1.1)}.header-transparent{background:rgba(0,0,0,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.header-scrolled{background:rgba(255,255,255,.95);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03)}.header-scrolled,.header-scrolled-dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-scrolled-dark{background:rgba(0,0,0,.6);border-bottom:1px solid rgba(255,255,255,.1)}.header-nav-item{position:relative;padding:8px 16px;font-size:1.05rem;font-weight:450;letter-spacing:.08em;border-radius:24px;transition:transform .3s cubic-bezier(.4,0,.2,1),font-weight .3s cubic-bezier(.4,0,.2,1),letter-spacing .3s cubic-bezier(.4,0,.2,1)}.header-transparent .header-nav-item{color:rgba(255,255,255,.85)}.header-scrolled .header-nav-item{color:#555555}.header-scrolled-dark .header-nav-item{color:rgba(255,255,255,.85)}.header-nav-item:hover{animation:gradient-flow 3s linear infinite;transform:translateY(-2px) scale(1.02);font-weight:500;letter-spacing:.12em}.header-nav-item.active,.header-nav-item:hover{background:linear-gradient(90deg,#BC82F3,#F5B9EA,#8D9FFF,#AA6EEE,#FF6778,#FFBA71,#C686FF,#BC82F3,#F5B9EA,#8D9FFF);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-nav-item.active{animation:gradient-flow 4s linear infinite;font-weight:550;letter-spacing:.1em}@keyframes gradient-flow{0%{background-position:0 50%}to{background-position:200% 50%}}.header-nav-item:active{transform:translateY(0) scale(.98);transition:all .1s ease}@media (prefers-reduced-motion:reduce){.header-nav-item.active,.header-nav-item:hover{animation:none;transform:none}}.hamburger-button{position:relative;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;z-index:60}.hamburger-button,.hamburger-line{transition:all .3s var(--header-ease)}.hamburger-line{width:24px;height:2px;background-color:currentColor;transform-origin:center}.header-transparent .hamburger-button{color:white}.header-scrolled .hamburger-button{color:#1f2937}.header-scrolled-dark .hamburger-button{color:white}.hamburger-button.active .hamburger-line:first-child{transform:translateY(8px) rotate(45deg)}.hamburger-button.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-button.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:0;transition:opacity .3s var(--header-ease)}.mobile-menu.active{pointer-events:auto;opacity:1}.mobile-menu-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s var(--header-ease)}.mobile-menu.active .mobile-menu-overlay{opacity:1}.mobile-menu-panel{position:absolute;inset:0 0 auto 0;min-height:100vh;background:rgba(0,0,0,.85);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);display:flex;flex-direction:column;padding:80px 24px 40px;transform:translateY(-100%);transition:transform .5s var(--header-ease)}.mobile-menu.active .mobile-menu-panel{transform:translateY(0)}.mobile-menu-close{position:absolute;top:20px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:none;border-radius:50%;color:white;cursor:pointer;transition:all .3s var(--header-ease)}.mobile-menu-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}.mobile-menu-close:active{transform:rotate(90deg) scale(.95)}.mobile-menu-nav{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;margin-top:40px}.mobile-menu-item{display:block;padding:16px 20px;font-family:var(--font-family-primary);font-size:1.5rem;font-weight:400;color:rgba(255,255,255,.7);text-decoration:none;border-radius:16px;position:relative;overflow:hidden;opacity:0;transform:translateY(-20px);animation:slideInFromTop .5s var(--header-ease) forwards;transition:all .3s var(--header-ease)}.mobile-menu-item:before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,rgba(20,184,166,0),rgba(59,130,246,0) 50%,rgba(139,92,246,0));opacity:0;transition:all .4s ease}.mobile-menu-item:hover{color:white}.mobile-menu-item:hover:before{background:linear-gradient(135deg,rgba(20,184,166,.15),rgba(59,130,246,.1) 50%,rgba(139,92,246,.15));opacity:1}.mobile-menu-item.active{background:linear-gradient(135deg,rgba(20,184,166,.3),rgba(59,130,246,.25) 50%,rgba(139,92,246,.3));color:white;font-weight:500}.mobile-menu-item.active:hover{background:linear-gradient(135deg,rgba(20,184,166,.4),rgba(59,130,246,.35) 50%,rgba(139,92,246,.4))}.mobile-menu-footer{padding:24px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.mobile-menu-footer p{font-family:var(--font-family-script,"Great Vibes"),cursive;font-size:1.5rem}.mobile-menu-footer p:last-child{font-family:var(--font-family-secondary);font-size:.875rem;color:rgba(255,255,255,.5);margin-top:.5rem}@keyframes slideInFromTop{to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.header-logo{font-size:1.8rem}.hamburger-button,.mobile-menu{display:none}}body.blog-article-active .header{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03)}body.blog-article-active .header-nav-item{color:#4b5563!important}body.blog-article-active .header-nav-item.active,body.blog-article-active .header-nav-item:hover{color:#1f2937!important}body.blog-article-active .hamburger-line{background-color:#1f2937}body.blog-article-dark-mode{background:#121212}body.blog-article-dark-mode .header{background:rgba(26,26,26,.95)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2)}body.blog-article-dark-mode .header-nav-item{color:rgba(255,255,255,.8)!important}body.blog-article-dark-mode .header-nav-item.active,body.blog-article-dark-mode .header-nav-item:hover{color:rgba(255,255,255,1)!important}body.blog-article-dark-mode .hamburger-line{background-color:rgba(255,255,255,.9)}body.blog-article-dark-mode .header-logo{color:white}body.blog-article-dark-mode .footer{--footer-bg:linear-gradient(180deg,#1a1a1a,#0f0f0f);--footer-text:rgba(255,255,255,0.7);--footer-text-hover:rgba(255,255,255,1);--footer-accent:#14b8a6;--footer-border:rgba(255,255,255,0.1);background:var(--footer-bg)!important;border-top-color:var(--footer-border)!important}body.blog-article-dark-mode .footer:before{background:linear-gradient(90deg,transparent,rgba(20,184,166,.5) 20%,rgba(59,130,246,.5) 50%,rgba(139,92,246,.5) 80%,transparent)}body.blog-article-dark-mode .footer-logo{color:#ffffff!important}body.blog-article-dark-mode .footer-logo:hover{color:var(--footer-accent)!important;text-shadow:0 0 20px rgba(20,184,166,.5)}body.blog-article-dark-mode .footer-tagline{color:rgba(255,255,255,.7)!important}body.blog-article-dark-mode .footer-skill-tag{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.15)!important;color:rgba(255,255,255,.8)!important}body.blog-article-dark-mode .footer-skill-tag:hover{background:rgba(20,184,166,.2)!important;border-color:rgba(20,184,166,.5)!important;color:#14b8a6!important;box-shadow:0 0 12px rgba(20,184,166,.3)}body.blog-article-dark-mode .footer-nav-title{color:rgba(255,255,255,.9)!important}body.blog-article-dark-mode .footer-nav-link{color:rgba(255,255,255,.7)!important}body.blog-article-dark-mode .footer-nav-link:hover{color:#ffffff!important}body.blog-article-dark-mode .footer-social-link{color:rgba(255,255,255,.7)!important}body.blog-article-dark-mode .footer-social-link:hover{color:#ffffff!important}body.blog-article-dark-mode .footer-social-icon{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body.blog-article-dark-mode .footer-social-icon svg{color:rgba(255,255,255,.9)!important}body.blog-article-dark-mode .footer-social-link[data-social=github]:hover .footer-social-icon{background:#ffffff!important;border-color:#ffffff!important;box-shadow:0 4px 16px rgba(255,255,255,.2)}body.blog-article-dark-mode .footer-social-link[data-social=github]:hover .footer-social-icon svg{color:#24292f!important}body.blog-article-dark-mode .footer-social-link[data-social=email]:hover .footer-social-icon{background:#14b8a6!important;border-color:#14b8a6!important;box-shadow:0 4px 16px rgba(20,184,166,.4)}body.blog-article-dark-mode .footer-social-link[data-social=email]:hover .footer-social-icon svg{color:#ffffff!important}body.blog-article-dark-mode .footer-bottom{border-top-color:rgba(255,255,255,.1)!important}body.blog-article-dark-mode .footer-copyright,body.blog-article-dark-mode .footer-links a{color:rgba(255,255,255,.5)!important}body.blog-article-dark-mode .footer-links a:hover{color:#14b8a6!important}body.blog-article-dark-mode .footer-divider{color:rgba(255,255,255,.3)!important}body.blog-article-dark-mode .footer-built{color:rgba(255,255,255,.5)!important}.footer{--footer-ease:cubic-bezier(0.4,0,0.2,1);--footer-bg:linear-gradient(180deg,#f8fafc,#f1f5f9);--footer-text:#64748b;--footer-text-hover:#0f172a;--footer-accent:#14b8a6;--footer-border:rgba(0,0,0,0.06);background:var(--footer-bg);border-top:1px solid var(--footer-border);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(20,184,166,.3) 20%,rgba(59,130,246,.3) 50%,rgba(139,92,246,.3) 80%,transparent)}.footer-content{max-width:1280px;margin:0 auto;padding:48px 24px 32px}.footer-main{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:40px}@media (min-width:768px){.footer-main{grid-template-columns:2fr 1fr 1fr;gap:48px}}.footer-brand{max-width:400px}.footer-logo{font-family:var(--font-family-script,"Great Vibes"),"Brush Script MT",cursive;font-size:2rem;letter-spacing:.08em;color:#0f172a;margin-bottom:12px;display:inline-block;transition:all .3s var(--footer-ease)}.footer-logo:hover{transform:scale(1.02);color:var(--footer-accent)}.footer-tagline{font-size:.9375rem;line-height:1.7;color:var(--footer-text);margin-bottom:20px}.footer-skills{display:flex;flex-wrap:wrap;gap:8px}.footer-skill-tag{padding:6px 14px;font-size:.75rem;font-weight:500;color:#475569;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.06);border-radius:20px;transition:all .3s var(--footer-ease);cursor:default}.footer-skill-tag:hover{background:rgba(20,184,166,.1);border-color:rgba(20,184,166,.3);color:var(--footer-accent);transform:translateY(-2px)}.footer-nav-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#0f172a;margin-bottom:20px}.footer-nav-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}@media (min-width:768px){.footer-nav-list{grid-template-columns:1fr;gap:12px}}.footer-nav-link{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:var(--footer-text);text-decoration:none;transition:all .3s var(--footer-ease)}.footer-nav-link:before{content:"";width:0;height:2px;background:var(--footer-accent);border-radius:1px;transition:width .3s var(--footer-ease)}.footer-nav-link:hover{color:var(--footer-text-hover);transform:translateX(4px)}.footer-nav-link:hover:before{width:16px}.footer-social-list{display:flex;flex-direction:column;gap:16px}.footer-social-link{gap:12px;font-size:.875rem;color:var(--footer-text);text-decoration:none}.footer-social-icon,.footer-social-link{display:flex;align-items:center;transition:all .3s var(--footer-ease)}.footer-social-icon{width:40px;height:40px;justify-content:center;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.06);border-radius:50%}.footer-social-icon svg{width:18px;height:18px;transition:all .3s var(--footer-ease)}.footer-social-link:hover{color:var(--footer-text-hover)}.footer-social-link:hover .footer-social-icon{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.footer-social-link[data-social=github]:hover .footer-social-icon{background:#24292f;border-color:#24292f}.footer-social-link[data-social=github]:hover .footer-social-icon svg{color:white}.footer-social-link[data-social=email]:hover .footer-social-icon{background:var(--footer-accent);border-color:var(--footer-accent)}.footer-social-link[data-social=email]:hover .footer-social-icon svg{color:white}.footer-social-text{transition:transform .3s var(--footer-ease)}.footer-social-link:hover .footer-social-text{transform:translateX(4px)}.footer-bottom{padding-top:24px;border-top:1px solid var(--footer-border);display:flex;flex-direction:column;align-items:center;gap:16px;font-size:.75rem;color:#64748b}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copyright{text-align:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.footer-links a{color:#64748b;text-decoration:none;transition:color .3s var(--footer-ease)}.footer-links a:hover{color:var(--footer-accent)}.footer-divider{color:#cbd5e1}.footer-built{color:#64748b}.back-to-top{position:fixed;bottom:24px;left:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14b8a6,#3b82f6);color:white;border:none;border-radius:50%;cursor:pointer;z-index:50;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s var(--footer-ease);box-shadow:0 4px 16px rgba(20,184,166,.3)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(20,184,166,.4)}.back-to-top:active{transform:translateY(-2px)}.back-to-top svg{width:24px;height:24px;transition:transform .3s var(--footer-ease)}.back-to-top:hover svg{transform:translateY(-2px)}@media (min-width:640px){.footer-content{padding:56px 32px 36px}}@media (min-width:1024px){.footer-content{padding:64px 48px 40px}.back-to-top{bottom:32px;left:32px}}@media (max-width:768px){.back-to-top{bottom:20px;left:20px}}@media (max-width:480px){.back-to-top{bottom:16px;left:16px;width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.back-to-top,.footer-logo,.footer-nav-link,.footer-skill-tag,.footer-social-icon,.footer-social-link{transition:none}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
 */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.\!block{display:block!important}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[70px\]{height:70px}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.max-w-screen-xl{max-width:1280px}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-8{gap:2rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-electric{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-electric\/10{background-color:rgb(59 130 246/.1)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-ocean\/10{background-color:rgb(20 184 166/.1)}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-electric{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-ocean{--tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(20 184 166/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 68 68/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 23 42/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-electric-dark{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-ocean-dark{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.to-slate-800{--tw-gradient-to:#1e293b var(--tw-gradient-to-position)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-\[70px\]{padding-top:70px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-current{color:currentColor}.text-electric{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-ocean{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/60{color:rgb(255 255 255/.6)}.text-white\/80{color:rgb(255 255 255/.8)}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overscroll-behavior:none;overflow-x:clip}@media (pointer:coarse){html{scroll-behavior:auto!important}}@supports (-webkit-overflow-scrolling:touch){html{scroll-behavior:auto!important}}body{margin:0;padding:0;min-width:320px;min-height:100vh;font-family:var(--font-inter,"Inter"),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","WenQuanYi Micro Hei",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:clip;overscroll-behavior-y:none}.gradient-text-rainbow{background:linear-gradient(90deg,#BC82F3,#F5B9EA,#8D9FFF,#AA6EEE,#FF6778,#FFBA71,#C686FF);-webkit-background-clip:text;background-clip:text;background-size:100%}.gradient-text-rainbow,.gradient-text-rainbow-bright{-webkit-text-fill-color:transparent;color:transparent}.gradient-text-rainbow-bright{background:linear-gradient(90deg,#D4A5FF,#FFCEF3,#A8B6FF,#C89AFF,#FF8A9A,#FFD19A,#DBA8FF);-webkit-background-clip:text;background-clip:text;background-size:100%}.gradient-text-sunset{background:linear-gradient(90deg,#FFB88C,#FF9A9E,#FAD0C4);-webkit-background-clip:text;background-clip:text;background-size:100%}.gradient-text-sunset,.gradient-text-tech{-webkit-text-fill-color:transparent;color:transparent}.gradient-text-tech{background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;background-size:100%}.container-content{max-width:var(--container-max-width,1200px);margin-left:auto;margin-right:auto;padding-left:var(--container-padding-x,1.5rem);padding-right:var(--container-padding-x,1.5rem)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-moz-selection{background-color:var(--color-primary-100);color:var(--color-primary-dark)}::selection{background-color:var(--color-primary-100);color:var(--color-primary-dark)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-electric:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:from-electric-dark:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 99 235/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-ocean-dark:hover{--tw-gradient-from:#0d9488 var(--tw-gradient-from-position);--tw-gradient-to:rgb(13 148 136/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-600:hover{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:rgb(220 38 38/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-blue-700:hover{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.hover\:to-red-700:hover{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.hover\:to-teal-700:hover{--tw-gradient-to:#0f766e var(--tw-gradient-to-position)}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-electric\/50:focus{--tw-ring-color:rgb(59 130 246/0.5)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:px-8{padding-left:2rem;padding-right:2rem}}