:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--default-main-bg:linear-gradient(135deg, color-mix(in srgb, rgb(var(--v-theme-surface)) 30%, transparent) 0%, color-mix(in srgb, rgb(var(--v-theme-background)) 50%, transparent) 100%);--content-viewport-bg:transparent;--content-viewport-backdrop:color-mix(in srgb, rgb(var(--v-theme-surface)) 2%, transparent);--scroll-track-bg:color-mix(in srgb, rgb(var(--v-theme-outline)) 10%, transparent);--scroll-thumb-rgb:var(--v-theme-primary)}html.v-theme--dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--default-main-bg:linear-gradient(135deg, color-mix(in srgb, rgb(var(--v-theme-surface)) 20%, transparent) 0%, color-mix(in srgb, rgb(var(--v-theme-background)) 40%, transparent) 100%);--content-viewport-backdrop:color-mix(in srgb, rgb(var(--v-theme-background)) 2%, transparent);--scroll-track-bg:color-mix(in srgb, rgb(var(--v-theme-outline)) 8%, transparent);--scroll-track-dark:color-mix(in srgb, rgb(var(--v-theme-outline)) 8%, transparent);--scroll-thumb-dark-rgb:var(--v-theme-primary)}.default-main{background:var(--default-main-bg);min-height:100vh;position:relative}.default-main:before{z-index:-2;background-image:radial-gradient(circle at 25% 25%, color-mix(in srgb, rgb(var(--v-theme-primary)) 1.5%, transparent) 0%, transparent 50%), radial-gradient(circle at 75% 75%, color-mix(in srgb, rgb(var(--v-theme-secondary)) 1.5%, transparent) 0%, transparent 50%);pointer-events:none;content:"";position:fixed;inset:0}.default-main:after{z-index:-1;background-image:linear-gradient(color-mix(in srgb, rgb(var(--v-theme-outline)) 2%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, rgb(var(--v-theme-outline)) 2%, transparent) 1px, transparent 1px);opacity:var(--grid-opacity-light,.3);pointer-events:none;content:"";background-size:40px 40px;position:fixed;inset:0}html.v-theme--dark .default-main:after{opacity:var(--grid-opacity-dark,.1)}.content-viewport{z-index:1;background:var(--content-viewport-bg);min-height:calc(100vh - 64px);position:relative}@media (width>=960px){.content-viewport{min-height:calc(100vh - 72px)}}.content-viewport:before{z-index:-1;background:var(--content-viewport-backdrop);pointer-events:none;content:"";position:absolute;inset:0}.page-container{width:100%;max-width:1200px;padding:0 var(--space-4);margin:0 auto}@media (width>=960px){.page-container{padding:0 var(--space-6)}}@media (width>=1280px){.page-container{max-width:1400px;padding:0 var(--space-8)}}@media (width>=1920px){.page-container{max-width:1600px;padding:0 var(--space-10)}}.content-section{padding:var(--space-8) 0}@media (width>=960px){.content-section{padding:var(--space-12) 0}}@media (width>=1280px){.content-section{padding:var(--space-16) 0}}.glass-container{border:1px solid var(--glass-card-border);background-color:var(--glass-card-bg);backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturate,1.6)) brightness(var(--glass-brightness,1.08));padding:var(--space-6);border-radius:var(--radius-xl);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (width>=960px){.glass-container{padding:var(--space-8)}}@media (width>=1280px){.glass-container{padding:var(--space-10)}}.glass-container:hover{transition:transform .2s}.glass-container:hover:hover{transform:translateY(-2px)translateZ(0)}.glass-container:hover{backdrop-filter:blur(20px)saturate(1.8)brightness(1.05);box-shadow:0 4px 16px #0000001f}.default-main ::-webkit-scrollbar{width:8px;height:8px}.default-main ::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:var(--scroll-track-bg)}.default-main ::-webkit-scrollbar-thumb{border:2px solid var(--scroll-track-bg);border-radius:var(--radius-sm);background:color-mix(in srgb, rgb(var(--scroll-thumb-rgb)) 40%, transparent);transition:background-color var(--duration-normal) cubic-bezier(.4, 0, .2, 1)}.default-main ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, rgb(var(--scroll-thumb-rgb)) 70%, transparent)}.default-main{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, rgb(var(--scroll-thumb-rgb)) 40%, transparent) var(--scroll-track-bg)}html.v-theme--dark .default-main ::-webkit-scrollbar-track{background:var(--scroll-track-dark)}html.v-theme--dark .default-main ::-webkit-scrollbar-thumb{background:color-mix(in srgb, rgb(var(--scroll-thumb-dark-rgb)) 40%, transparent)}html.v-theme--dark .default-main ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, rgb(var(--scroll-thumb-dark-rgb)) 70%, transparent)}html.v-theme--dark .default-main{scrollbar-color:color-mix(in srgb, rgb(var(--scroll-thumb-dark-rgb)) 40%, transparent) var(--scroll-track-dark)}@media (width>=1280px){.default-main ::-webkit-scrollbar{width:10px}}@media (width<=959.98px){.content-viewport{min-height:calc(100vh - 56px)}.page-container{padding:0 var(--space-3)}.content-section{padding:var(--space-6) 0}.glass-container{padding:var(--space-4);border-radius:var(--radius-lg)}}@media (prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active,.layout-enter-active,.layout-leave-active{transition-duration:.001ms!important}.default-main:before,.default-main:after,.content-viewport:before{display:none!important}.glass-container:hover{transform:none!important}}@media (prefers-contrast:more){.default-main:before,.default-main:after{display:none}.glass-container{border:2px solid rgb(var(--v-theme-outline));background:rgb(var(--v-theme-surface))!important;backdrop-filter:none!important}}@media print{.default-main{background:#fff!important;padding-top:0!important}.default-main:before,.default-main:after,.content-viewport:before{display:none!important}.glass-container{border:1px solid rgb(var(--v-theme-outline-variant))!important;background:rgb(var(--v-theme-surface))!important;box-shadow:none!important;backdrop-filter:none!important}}.glass-card{border:1px solid var(--glass-card-border);background-color:var(--glass-card-bg);backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturate,1.6)) brightness(var(--glass-brightness,1.08));transition:all var(--duration-normal) cubic-bezier(.4, 0, .2, 1);border-radius:var(--radius-xl);padding:24px;box-shadow:0 4px 16px #0000001f}.glass-card:hover{transition:transform .2s}.glass-card:hover:hover{transform:translateY(-2px)translateZ(0)}.glass-card:hover{background-color:var(--glass-card-hover);backdrop-filter:blur(20px)saturate(1.8)brightness(1.12);box-shadow:0 8px 32px #00000026}@layer vuetify-overrides{.v-tooltip>.v-overlay__content{border:1px solid var(--glass-menu-border);color:rgb(var(--v-theme-on-surface));background-color:var(--glass-menu-bg);backdrop-filter:blur(16px)saturate(1.6)brightness(1.1)}.v-dialog>.v-overlay__content>.v-card{border:1px solid var(--glass-card-border);background-color:var(--glass-card-bg);backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturate,1.6)) brightness(var(--glass-brightness,1.08))}.v-snackbar__wrapper{border:1px solid var(--glass-card-border);background-color:var(--glass-card-bg);backdrop-filter:blur(16px)saturate(1.4)}.v-alert{backdrop-filter:blur(12px)saturate(1.4)}}@media (width<=959.98px){.glass-card{padding:var(--space-4);border-radius:var(--radius-lg)}}@media (prefers-contrast:more){.glass-card,.v-tooltip>.v-overlay__content,.v-dialog>.v-overlay__content>.v-card,.v-snackbar__wrapper{backdrop-filter:none;background-color:rgb(var(--v-theme-surface)/90%);border-width:2px;border-color:rgb(var(--v-theme-on-surface)/30%)}html.v-theme--dark .glass-card,html.v-theme--dark .v-tooltip>.v-overlay__content,html.v-theme--dark .v-dialog>.v-overlay__content>.v-card,html.v-theme--dark .v-snackbar__wrapper{background-color:rgb(var(--v-theme-surface)/90%);border-color:rgb(var(--v-theme-on-surface)/50%)}.v-alert{backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.glass-card{transition:none;animation:none}}.hero-section{--hero-bg-start:rgb(var(--v-theme-surface));--hero-bg-mid1:#f8fafc;--hero-bg-mid2:#f1f5f9;--hero-bg-mid3:#e2e8f0;--hero-bg-end:#cbd5e1;--hero-glow-primary:#3b82f614;--hero-glow-secondary:#6366f10f;--hero-glow-accent:#8b5cf60d;--hero-text-primary:rgb(var(--v-theme-on-background));--hero-text-secondary:rgb(var(--v-theme-on-background) / 80%);--hero-text-muted:rgb(var(--v-theme-on-surface) / 70%);--hero-text-subtitle:rgb(var(--v-theme-on-background) / 80%);--hero-name-gradient-start:rgb(var(--v-theme-on-background));--hero-name-gradient-mid:rgb(var(--v-theme-primary));--hero-name-gradient-end:rgb(var(--v-theme-on-background));--hero-underline-color:rgb(var(--v-theme-primary));--hero-btn-primary-bg:rgb(var(--v-theme-primary));--hero-btn-primary-hover:rgb(var(--v-theme-primary-darken-1));--hero-btn-secondary-color:rgb(var(--v-theme-on-surface) / 80%);--hero-btn-secondary-border:rgb(var(--v-theme-outline) / 50%);--hero-btn-secondary-hover-bg:rgb(var(--v-theme-surface-variant) / 30%);--hero-btn-secondary-hover-border:rgb(var(--v-theme-outline) / 70%);--hero-card-bg:var(--glass-card-bg);--hero-card-border:var(--glass-card-border);--hero-card-hover-bg:var(--glass-card-hover);--hero-tech-item-bg:var(--glass-card-bg);--hero-tech-item-hover-bg:var(--glass-card-hover);--hero-tech-item-border:var(--glass-card-border);--hero-tech-icon-color:rgb(var(--v-theme-on-surface) / 80%);--hero-tech-icon-hover:rgb(var(--v-theme-primary));--hero-tech-name-color:rgb(var(--v-theme-on-surface));--hero-tech-category-color:rgb(var(--v-theme-on-surface) / 70%);--hero-scroll-border:rgb(var(--v-theme-outline) / 60%);--hero-scroll-color:rgb(var(--v-theme-on-surface) / 70%);--hero-scroll-hover-border:rgb(var(--v-theme-primary));--hero-scroll-hover-color:rgb(var(--v-theme-primary))}.v-theme--dark .hero-section{--hero-bg-start:#0f0f23;--hero-bg-mid1:#1a1a2e;--hero-bg-mid2:#16213e;--hero-bg-mid3:#0f1729;--hero-bg-end:#0a0e1a;--hero-glow-primary:#3b82f60f;--hero-glow-secondary:#a855f70d;--hero-glow-accent:#22d3ee0a;--hero-text-primary:rgb(var(--v-theme-on-background));--hero-text-secondary:rgb(var(--v-theme-on-background) / 90%);--hero-text-muted:rgb(var(--v-theme-on-surface) / 75%);--hero-text-subtitle:rgb(var(--v-theme-on-background) / 90%);--hero-name-gradient-start:#fbbf24;--hero-name-gradient-mid:rgb(var(--v-theme-primary));--hero-name-gradient-end:#fbbf24;--hero-underline-color:rgb(var(--v-theme-primary));--hero-btn-primary-bg:rgb(var(--v-theme-primary));--hero-btn-primary-hover:rgb(var(--v-theme-primary-darken-1));--hero-btn-secondary-color:rgb(var(--v-theme-on-surface) / 90%);--hero-btn-secondary-border:rgb(var(--v-theme-outline) / 60%);--hero-btn-secondary-hover-bg:rgb(var(--v-theme-surface-variant) / 20%);--hero-btn-secondary-hover-border:rgb(var(--v-theme-outline) / 80%);--hero-card-bg:var(--glass-card-bg);--hero-card-border:var(--glass-card-border);--hero-card-hover-bg:var(--glass-card-hover);--hero-tech-item-bg:var(--glass-card-bg);--hero-tech-item-hover-bg:var(--glass-card-hover);--hero-tech-item-border:var(--glass-card-border);--hero-tech-icon-color:rgb(var(--v-theme-on-surface-variant) / 90%);--hero-tech-icon-hover:rgb(var(--v-theme-primary));--hero-tech-name-color:rgb(var(--v-theme-on-surface));--hero-tech-category-color:rgb(var(--v-theme-on-surface-variant) / 80%);--hero-scroll-border:rgb(var(--v-theme-outline) / 70%);--hero-scroll-color:rgb(var(--v-theme-on-surface) / 70%);--hero-scroll-hover-border:rgb(var(--v-theme-primary));--hero-scroll-hover-color:rgb(var(--v-theme-primary))}.hero-section{background:linear-gradient(135deg, var(--hero-bg-start) 0%, var(--hero-bg-mid1) 20%, var(--hero-bg-mid2) 40%, var(--hero-bg-mid3) 70%, var(--hero-bg-end) 100%);justify-content:center;align-items:center;min-height:100vh;margin-top:-64px;padding-top:64px;display:flex;position:relative;overflow:hidden}@media (width>=1280px){.hero-section{padding-top:0}}.hero-section:before{background:radial-gradient(circle at 25% 35%, var(--hero-glow-primary) 0%, transparent 35%), radial-gradient(circle at 75% 65%, var(--hero-glow-secondary) 0%, transparent 40%), radial-gradient(circle at 50% 50%, var(--hero-glow-accent) 0%, transparent 45%);pointer-events:none;content:"";width:120%;height:120%;animation:30s ease-in-out infinite gentle-drift;position:absolute;top:-10%;left:-10%}.hero-section:after{z-index:5;background:linear-gradient(to bottom, transparent, rgb(var(--v-theme-background)));pointer-events:none;content:"";height:160px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:10;width:100%;max-width:1400px;padding:0 var(--space-4);margin:0 auto;position:relative}@media (width>=600px){.hero-content{padding:0 var(--space-4)}}@media (width>=1280px){.hero-content{padding:0 var(--space-8)}}.hero-intro{gap:var(--space-10);grid-template-columns:1fr;place-items:center;display:grid}@media (width>=1280px){.hero-intro{gap:var(--space-12);grid-template-columns:1fr .85fr;justify-items:stretch}}.intro-text{text-align:center;width:100%}@media (width>=1280px){.intro-text{text-align:left}}.hero-title{margin-bottom:var(--space-6)}.hero-title .title-name{margin-bottom:var(--space-4);font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-bold);letter-spacing:.02em;color:#0000;background:linear-gradient(90deg, var(--hero-name-gradient-start) 0%, var(--hero-name-gradient-mid) 25%, var(--hero-name-gradient-end) 50%, var(--hero-name-gradient-start) 50%, var(--hero-name-gradient-mid) 75%, var(--hero-name-gradient-end) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-style:normal;line-height:1.1;animation:8s linear infinite seamless-gradient;display:inline-block;position:relative}.hero-title .title-name:after{border-radius:var(--radius-full);background:linear-gradient(90deg, transparent 0%, var(--hero-underline-color) 50%, transparent 100%);opacity:.8;content:"";width:100px;height:3px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@media (width>=1280px){.hero-title .title-name:after{left:0;transform:translate(0)}}.hero-title .title-subtitle{font-size:clamp(var(--text-lg), 2.5vw, var(--text-2xl));font-weight:var(--font-medium);color:var(--hero-text-subtitle);opacity:.9;display:block}.hero-description{max-width:600px;margin-right:auto;margin-bottom:var(--space-8);font-size:clamp(var(--text-md), 1.8vw, var(--text-lg));color:var(--hero-text-muted);margin-left:auto;line-height:1.8}@media (width>=1280px){.hero-description{margin-left:0;margin-right:0}}.hero-actions{align-items:center;gap:var(--space-4);flex-direction:column;width:100%;display:flex}@media (width>=600px){.hero-actions{flex-direction:row;justify-content:center}}@media (width>=1280px){.hero-actions{justify-content:flex-start;align-items:flex-start}}.cta-primary{transition:all var(--duration-normal) cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a;border-radius:var(--radius-full)!important;font-weight:var(--font-semibold)!important;background:0 0!important;border:none!important}.cta-primary:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f;background:var(--hero-btn-primary-hover)!important}.cta-primary:hover:before{width:300px;height:300px}.cta-secondary{box-sizing:border-box;transition:all var(--duration-normal) cubic-bezier(.4, 0, .2, 1);border-radius:var(--radius-full)!important;font-weight:var(--font-semibold)!important;color:var(--hero-btn-secondary-color)!important;background:0 0!important}.cta-secondary:hover{transform:translateY(-1px);background:var(--hero-btn-secondary-hover-bg)!important;border-color:var(--hero-btn-secondary-hover-border)!important}.tech-showcase{width:100%;padding-top:var(--space-6);justify-content:center;align-items:center;display:flex}@media (width>=1280px){.tech-showcase{padding-top:0}}.tech-visual{border:1px solid var(--hero-card-border);border-radius:var(--radius-2xl);background:var(--hero-card-bg);width:100%;max-width:500px;backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturate,1.6)) brightness(var(--glass-brightness,1.08));transition:all var(--duration-normal) cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 8px #0000001a;padding:var(--space-8)!important}.tech-visual:hover{background:var(--hero-card-hover-bg);transform:translateY(-3px)scale(1.01);box-shadow:0 4px 16px #0000001f}.tech-visual-title{margin-bottom:var(--space-6);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.15em;text-align:center;color:var(--hero-text-muted);opacity:.8;text-transform:uppercase}.tech-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=600px){.tech-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}.tech-item{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);text-align:center;background:var(--hero-tech-item-bg);cursor:pointer;transition:all var(--duration-normal) cubic-bezier(.4, 0, .2, 1);border:1px solid #0000;flex-direction:column;display:flex}.tech-item:hover{background:var(--hero-tech-item-hover-bg);border-color:var(--hero-tech-item-border);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.tech-item:hover .tech-icon{color:var(--hero-tech-icon-hover);transform:scale(1.15)}html.v-theme--dark .tech-item:hover{box-shadow:0 8px 32px #3b82f626,0 0 20px #3b82f61a}.tech-icon{transition:all var(--duration-normal) cubic-bezier(.4, 0, .2, 1);color:var(--hero-tech-icon-color);justify-content:center;align-items:center;font-size:28px;display:flex}.tech-info{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.tech-name{font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--hero-tech-name-color)}.tech-category{letter-spacing:.05em;color:var(--hero-tech-category-color);opacity:.7;text-transform:uppercase;font-size:11px}.scroll-indicator{bottom:var(--space-6);opacity:.7;transition:opacity var(--duration-normal) cubic-bezier(.4, 0, .2, 1);justify-content:center;align-items:center;display:flex;position:absolute;left:50%}.scroll-indicator:hover{opacity:1}@media (width>=1280px){.scroll-indicator{transform:translate(-50%)}}.scroll-btn{border:1px solid color-mix(in srgb, rgb(var(--v-theme-outline)) 20%, transparent);background-color:var(--glass-btn-bg);backdrop-filter:blur(12px)saturate(1.4)brightness(1.15)}.scroll-btn:hover{background-color:var(--glass-btn-hover);backdrop-filter:blur(16px)saturate(1.6)brightness(1.15)}.scroll-btn{transition:all var(--duration-normal) cubic-bezier(.4, 0, .2, 1);animation:2s ease-in-out infinite hero-pulse-bounce;color:var(--hero-scroll-color)!important;border-radius:50%!important}.scroll-btn:hover{transition:transform .2s}.scroll-btn:hover:hover{transform:translateY(-2px)translateZ(0)}.scroll-btn:hover{animation-play-state:paused;border-color:var(--hero-scroll-hover-border)!important;color:var(--hero-scroll-hover-color)!important}@keyframes gentle-drift{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(20px,-20px)rotate(120deg)}66%{transform:translate(-10px,10px)rotate(240deg)}}@keyframes seamless-gradient{0%{background-position:0}to{background-position:200%}}@keyframes hero-pulse-bounce{0%,to{opacity:.7;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(-5px)}}@media (prefers-reduced-motion:reduce){@keyframes gentle-drift{0%,to{transform:translate(0)rotate(0)}}@keyframes seamless-gradient{0%,to{background-position:0}}@keyframes hero-pulse-bounce{0%,to{opacity:1;transform:translate(-50%)translateY(0)}}}@media (width<=959.98px){.hero-content{padding:0 var(--space-3)}.hero-intro{gap:var(--space-6)}.tech-visual{max-width:100%;padding:var(--space-6)!important}.tech-grid{gap:var(--space-2)}.tech-item{padding:var(--space-3)}.scroll-indicator{bottom:var(--space-4)}}@media (width>=1920px){.hero-content{max-width:1600px}.hero-intro{gap:var(--space-16)}}@media (width>=960px){.hero-intro{gap:var(--space-6)}}
