@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-bg-primary: #0a0e1a;--color-bg-secondary: rgba(99, 102, 241, .05);--color-bg-tertiary: rgba(59, 130, 246, .05);--color-cyan: #00d9ff;--color-cyan-rgb: 0, 217, 255;--color-purple: #9335EA;--color-purple-light: #8B5CF6;--color-purple-lighter: #A78BFA;--color-purple-lightest: #D8B4FE;--color-pink: #EC4899;--color-indigo: #6366F1;--color-blue: #3b82f6;--color-violet: #8B5CF6;--color-lavender: #A78BFA;--particle-cyan: rgba(0, 242, 254, .4);--particle-purple: rgba(147, 51, 234, .4);--particle-pink: rgba(236, 72, 153, .4);--particle-violet: rgba(139, 92, 246, .4);--particle-lavender: rgba(167, 139, 250, .4);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .65);--text-accent: rgba(167, 139, 250, 1);--text-accent-bright: rgba(216, 180, 254, 1);--text-cyan: rgba(0, 217, 255, 1);--border-default: rgba(99, 102, 241, .3);--border-light: rgba(99, 102, 241, .25);--border-lighter: rgba(99, 102, 241, .15);--border-active: rgba(139, 92, 246, .6);--border-hover: rgba(139, 92, 246, .7);--border-bright: rgba(139, 92, 246, .45);--gradient-primary: linear-gradient(90deg, #00d9ff 0%, #3b82f6 50%, #00d9ff 100%);--gradient-purple: linear-gradient(135deg, rgba(167, 139, 250, 1), rgba(139, 92, 246, 1));--gradient-glass: linear-gradient(135deg, rgba(59, 130, 246, .15), rgba(139, 92, 246, .12));--gradient-glass-hover: linear-gradient(135deg, rgba(99, 102, 241, .2), rgba(139, 92, 246, .15));--gradient-glass-light: linear-gradient(135deg, rgba(59, 130, 246, .1), rgba(139, 92, 246, .08));--gradient-button: linear-gradient(135deg, rgba(59, 130, 246, .15), rgba(139, 92, 246, .12));--gradient-button-hover: linear-gradient(135deg, rgba(99, 102, 241, .25), rgba(139, 92, 246, .2));--gradient-kanji: linear-gradient(135deg, rgba(139, 92, 246, 1), rgba(0, 217, 255, 1));--gradient-header: linear-gradient(135deg, #00d9ff 0%, #8B5CF6 50%, #9335EA 100%);--shadow-glow-cyan: 0 0 .625rem rgba(99, 102, 241, .15);--shadow-glow-cyan-strong: 0 0 1rem rgba(0, 217, 255, .3);--shadow-glow-purple: 0 0 1.5rem rgba(139, 92, 246, .35);--shadow-glow-purple-strong: 0 0 2rem rgba(139, 92, 246, .5);--shadow-glow-pink: 0 0 1rem rgba(236, 72, 153, .3);--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .3);--shadow-md: 0 .25rem .5rem rgba(0, 0, 0, .4);--shadow-lg: 0 .5rem 1rem rgba(0, 0, 0, .5);--shadow-xl: 0 .75rem 2rem rgba(0, 0, 0, .4);--shadow-2xl: 0 1.5rem 3rem rgba(0, 0, 0, .6);--shadow-card: 0 .75rem 2rem rgba(0, 0, 0, .4);--shadow-card-hover: 0 1.5rem 3rem rgba(0, 0, 0, .6), 0 0 1.5rem rgba(139, 92, 246, .3);--shadow-popup: 0 2.5rem 6.25rem rgba(0, 0, 0, .7), 0 0 5rem rgba(99, 102, 241, .2);--shadow-button-hover: 0 .75rem 2rem rgba(0, 0, 0, .4), 0 0 1.5rem rgba(139, 92, 246, .35), inset 0 0 1rem rgba(139, 92, 246, .12);--shadow-text: drop-shadow(0 0 .5rem rgba(59, 130, 246, .4));--shadow-icon: drop-shadow(0 0 .375rem rgba(139, 92, 246, .4));--shadow-image: drop-shadow(0 0 1.5rem rgba(139, 92, 246, .3));--font-brand: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--font-alt: "Poppins", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-pill: 624.9375rem;--radius-circle: 50%;--transition-fast: .2s;--transition-normal: .4s;--transition-slow: .5s;--transition-very-slow: .8s;--easing-smooth: cubic-bezier(.4, 0, .2, 1);--easing-in: cubic-bezier(.4, 0, 1, 1);--easing-out: cubic-bezier(0, 0, .2, 1);--easing-in-out: cubic-bezier(.4, 0, .2, 1);--z-particles: 0;--z-base: 1;--z-content: 10;--z-header: 100;--z-dropdown: 1000;--z-modal-overlay: 9998;--z-modal: 9999;--blur-sm: 10px;--blur-md: 25px;--blur-lg: 40px;--blur-xl: 60px;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-laptop: 1440px}[data-theme=light]{--color-bg-primary: #f5f7fa;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e8ecf1;--text-primary: #1a1f36;--text-secondary: #4a5568;--text-accent: #667eea;--text-muted: #718096;--color-cyan: #00b8d4;--color-purple: #7c3aed;--color-purple-light: #a78bfa;--color-purple-lighter: #c4b5fd;--color-pink: #ec4899;--color-indigo: #6366f1;--color-blue: #3b82f6;--particle-cyan: rgba(0, 184, 212, .3);--particle-cyan-glow: rgba(0, 184, 212, .15);--particle-purple: rgba(124, 58, 237, .25);--particle-purple-glow: rgba(124, 58, 237, .12);--particle-pink: rgba(236, 72, 153, .2);--particle-pink-glow: rgba(236, 72, 153, .1);--particle-violet: rgba(139, 92, 246, .2);--particle-violet-glow: rgba(139, 92, 246, .1);--border-default: rgba(99, 102, 241, .2);--border-light: rgba(99, 102, 241, .15);--border-hover: rgba(124, 58, 237, .4);--border-focus: rgba(99, 102, 241, .5);--gradient-primary: linear-gradient( 90deg, #00b8d4 0%, #3b82f6 50%, #00b8d4 100% );--gradient-shimmer: linear-gradient( 90deg, #00b8d4 0%, #3b82f6 25%, #7c3aed 50%, #3b82f6 75%, #00b8d4 100% );--gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-glass: linear-gradient( 135deg, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, .3) 100% );--gradient-glass-hover: linear-gradient( 135deg, rgba(99, 102, 241, .15) 0%, rgba(124, 58, 237, .1) 100% );--gradient-kanji: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-sm: 0 .0625rem .125rem rgba(26, 31, 54, .1);--shadow-md: 0 .25rem .5rem rgba(26, 31, 54, .1);--shadow-lg: 0 .625rem 1.25rem rgba(26, 31, 54, .15);--shadow-xl: 0 1.25rem 2.5rem rgba(26, 31, 54, .2);--shadow-glow: 0 0 1.5rem rgba(124, 58, 237, .3);--shadow-glow-purple: 0 0 1.5rem rgba(124, 58, 237, .25), 0 0 .75rem rgba(124, 58, 237, .15);--shadow-card: 0 .5rem 1.5rem rgba(26, 31, 54, .1), 0 0 1rem rgba(99, 102, 241, .1);--shadow-popup: 0 1.25rem 3.125rem rgba(26, 31, 54, .2), 0 0 2rem rgba(99, 102, 241, .15);--blur-sm: .25rem;--blur-md: .625rem;--blur-lg: 1rem;--blur-xl: 1.5rem;--overlay-light: rgba(26, 31, 54, .3);--overlay-medium: rgba(26, 31, 54, .5);--overlay-dark: rgba(26, 31, 54, .7)}[data-theme=light] .particle{opacity:.4}[data-theme=light] .glass{background:var(--gradient-glass);border-color:var(--border-light)}[data-theme=light] .custom-scrollbar::-webkit-scrollbar-track{background:#6366f10d}[data-theme=light] .custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-purple-light)}[data-theme=light] .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-purple)}@keyframes float{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.3}25%{transform:translateY(-1.875rem) translate(1.25rem) scale(1.2);opacity:.7}50%{transform:translateY(-3.75rem) translate(-.9375rem) scale(.8);opacity:.5}75%{transform:translateY(-1.875rem) translate(1.5625rem) scale(1.1);opacity:.6}}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes peek-in{0%{right:-17.5rem;opacity:0}to{right:.5rem;opacity:1}}@keyframes peek-in-bottom{0%{bottom:-17.5rem;opacity:0}to{bottom:.5rem;opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 .5rem rgba(139,92,246,.6))}50%{filter:drop-shadow(0 0 1.5rem rgba(139,92,246,.9))}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scale-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-.625rem)}60%{transform:translateY(-.3125rem)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-.3125rem)}20%,40%,60%,80%{transform:translate(.3125rem)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow-pulse{0%,to{box-shadow:0 0 .625rem #8b5cf64d,0 0 1.25rem #8b5cf633}50%{box-shadow:0 0 1.25rem #8b5cf699,0 0 2.5rem #8b5cf666}}@keyframes border-flow{0%{border-color:#8b5cf64d}50%{border-color:#00d9ff99}to{border-color:#8b5cf64d}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotate-in{0%{transform:rotate(-180deg) scale(0);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.glass{background:var(--gradient-glass);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:.0625rem solid var(--border-default)}.glass-hover:hover{background:var(--gradient-glass-hover);border-color:var(--border-hover);box-shadow:var(--shadow-card),var(--shadow-glow-purple)}.glass-light{background:var(--gradient-glass-light);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:.0625rem solid var(--border-lighter)}.glass-card{background:linear-gradient(135deg,#3b82f626,#8b5cf61f);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:.0625rem solid var(--border-default);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-normal) var(--easing-smooth)}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-.375rem)}.gradient-text{background:var(--gradient-primary);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.gradient-text-animated{background:var(--gradient-primary);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:shimmer 3s linear infinite}.gradient-text-purple{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.gradient-text-kanji{background:var(--gradient-kanji);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.custom-scrollbar::-webkit-scrollbar{width:.5rem}.custom-scrollbar::-webkit-scrollbar-track{background:#6366f10d;border-radius:var(--radius-xs)}.custom-scrollbar::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:var(--radius-xs);transition:background var(--transition-fast)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.custom-scrollbar-thin::-webkit-scrollbar{width:.375rem}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-shadow{filter:var(--shadow-text)}.text-shadow-strong{filter:drop-shadow(0 0 1rem rgba(59,130,246,.6))}.glow-cyan{box-shadow:var(--shadow-glow-cyan)}.glow-cyan-strong{box-shadow:var(--shadow-glow-cyan-strong)}.glow-purple{box-shadow:var(--shadow-glow-purple)}.glow-purple-strong{box-shadow:var(--shadow-glow-purple-strong)}.glow-pink{box-shadow:var(--shadow-glow-pink)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.w-full{width:100%}.container{width:100%;max-width:75rem;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container-sm{width:100%;max-width:42rem;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.animate-fadeInUp{animation:fadeInUp var(--transition-very-slow) ease}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease}.animate-shimmer{animation:shimmer 3s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease infinite}.animate-glow-pulse{animation:glow-pulse 3s ease-in-out infinite}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.animation-delay-600{animation-delay:.6s}.animation-delay-800{animation-delay:.8s}.transition-all{transition:all var(--transition-normal) var(--easing-smooth)}.transition-fast{transition:all var(--transition-fast) var(--easing-smooth)}.transition-slow{transition:all var(--transition-slow) var(--easing-smooth)}.hidden{display:none}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-particles{z-index:var(--z-particles)}.z-base{z-index:var(--z-base)}.z-content{z-index:var(--z-content)}.z-modal{z-index:var(--z-modal)}.border{border:.0625rem solid var(--border-default)}.border-light{border:.0625rem solid var(--border-light)}.border-active{border:.0625rem solid var(--border-active)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-pill)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-card-hover{box-shadow:var(--shadow-card-hover)}.backdrop-blur-sm{backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm))}.backdrop-blur-md{backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.backdrop-blur-lg{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}@supports not (backdrop-filter: blur()){.backdrop-blur-sm,.backdrop-blur-md,.backdrop-blur-lg,.glass,.glass-light,.glass-card{background:#0a0e1ad9}}@media(min-width:769px){.mobile-only{display:none!important}}@media(max-width:768px){.desktop-only{display:none!important}}@media(max-width:768px){.tablet-up{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;background-color:var(--color-bg-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}p{line-height:var(--line-height-normal);color:var(--text-secondary)}a{text-decoration:none;color:var(--color-purple-lighter);transition:color var(--transition-fast) var(--easing-smooth)}a:hover{color:var(--color-cyan)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;background:none;transition:all var(--transition-normal) var(--easing-smooth)}button:focus-visible{outline:.125rem solid var(--color-purple-lighter);outline-offset:.125rem}input,textarea,select{font-family:var(--font-body);color:var(--text-primary);background-color:var(--color-bg-secondary);border:.0625rem solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast) var(--easing-smooth)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-purple-lighter);box-shadow:0 0 0 .1875rem #8b5cf633}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#6366f10d}::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}::selection{background-color:#8b5cf64d;color:var(--text-primary)}::-moz-selection{background-color:#8b5cf64d;color:var(--text-primary)}img{max-width:100%;height:auto;display:block}.responsive-img{width:100%;height:auto}*:focus-visible{outline:.125rem solid var(--color-purple-lighter);outline-offset:.125rem}.app-container{min-height:100vh;background-color:var(--color-bg-primary);position:relative;overflow-x:hidden}
