.lang-switcher{position:relative}.lang-trigger{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-display);font-size:.75rem;cursor:pointer;transition:all .3s ease}.lang-trigger:hover{border-color:var(--color-cyan);background:#00fff21a}.lang-flag{font-size:1rem}.lang-code{font-weight:600}.lang-arrow{font-size:.625rem;margin-left:var(--space-xs)}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-xs);background:var(--color-bg-darker);border:1px solid var(--color-border);min-width:150px;z-index:200}.lang-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-primary);font-family:var(--font-body);font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s ease}.lang-option:hover{background:#00fff21a;color:var(--color-cyan)}.lang-option.active{background:#00fff233;color:var(--color-cyan)}.lang-name{flex:1}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(180deg,var(--color-bg-darker) 0%,transparent 100%);padding:var(--space-md) 0}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-cyan);text-decoration:none;text-transform:uppercase;letter-spacing:.1em}.logo:hover{text-shadow:var(--glow-cyan)}.logo-icon{font-size:1.5rem;animation:pulse 2s infinite}.nav{display:flex;align-items:center;gap:var(--space-lg)}.nav-link{font-family:var(--font-display);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-primary);text-decoration:none;transition:all .3s ease;padding:var(--space-sm) var(--space-md);border:1px solid transparent}.nav-link:hover{color:var(--color-cyan);border-color:var(--color-border)}@media (max-width: 768px){.header-container{padding:0 var(--space-md)}.logo-text{display:none}.nav{gap:var(--space-md)}}.vision-result{padding:var(--space-xl) 0;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{text-align:center;margin-bottom:var(--space-xl)}.year-badge{display:inline-block;padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-magenta) 100%);color:var(--color-bg-dark);font-family:var(--font-display);font-weight:700;font-size:2rem;margin-bottom:var(--space-md)}.result-title{font-size:2rem;margin-bottom:var(--space-md);text-shadow:var(--glow-magenta)}.result-summary{font-size:1.125rem;color:var(--color-text-secondary);max-width:800px;margin:0 auto}.result-status{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.status-badge{padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:.875rem;border:1px solid}.status-badge.trial{color:var(--color-green);border-color:var(--color-green);background:#00ff661a}.status-tokens{font-family:var(--font-mono);color:var(--color-text-secondary)}.sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.section-card{background:var(--color-bg-panel);border:1px solid var(--color-border);padding:var(--space-lg);transition:all .3s ease}.section-card:hover{transform:translateY(-4px)}.section-technology{border-color:var(--color-cyan)}.section-technology:hover{box-shadow:0 0 20px #00fff233}.section-experience{border-color:var(--color-magenta)}.section-experience:hover{box-shadow:0 0 20px #f0f3}.section-society{border-color:var(--color-yellow)}.section-society:hover{box-shadow:0 0 20px #ff03}.section-wildcard{border-color:var(--color-orange)}.section-wildcard:hover{box-shadow:0 0 20px #f603}.section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.section-icon{font-size:1.5rem}.section-header h3{margin:0;font-size:1.125rem}.section-content p{margin-bottom:var(--space-md);line-height:1.7}.section-content p:last-child{margin-bottom:0}.key-changes{background:var(--color-bg-panel);border:1px solid var(--color-cyan);padding:var(--space-lg);max-width:800px;margin:0 auto}.key-changes h3{margin-bottom:var(--space-md);text-align:center}.changes-list{list-style:none;display:grid;gap:var(--space-sm)}.changes-list li{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);background:#00fff20d;border-left:2px solid var(--color-cyan)}.change-marker{color:var(--color-cyan);font-weight:700}@media (max-width: 768px){.sections-grid{grid-template-columns:1fr}.result-title{font-size:1.5rem}}.home-page{min-height:100vh;padding-top:80px}.hero{padding:var(--space-xl) 0;text-align:center}.hero-title{font-size:3rem;margin-bottom:var(--space-md);line-height:1.2}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-xl)}.visualizer-form{max-width:800px;margin:0 auto}.input-wrapper{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.concept-input{flex:1;font-size:1.25rem;padding:var(--space-md) var(--space-lg)}.submit-btn{white-space:nowrap;min-width:180px}.examples{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);align-items:center}.examples-label{color:var(--color-text-secondary);font-size:.875rem}.example-btn{padding:var(--space-xs) var(--space-md);font-size:.875rem;border-width:1px;color:var(--color-text-secondary);border-color:var(--color-text-secondary)}.example-btn:hover{color:var(--color-cyan);border-color:var(--color-cyan)}.error-message{margin-top:var(--space-lg);padding:var(--space-md);background:#ff00641a;border:1px solid var(--color-magenta);color:var(--color-magenta);font-family:var(--font-mono)}.loading-section{padding:var(--space-xl) 0}.loading-animation{text-align:center}.loading-text{font-family:var(--font-display);font-size:1.5rem;color:var(--color-cyan);margin-bottom:var(--space-md);animation:pulse 1.5s infinite}.loading-bar{width:300px;height:4px;background:var(--color-bg-darker);border:1px solid var(--color-border);margin:0 auto var(--space-md);overflow:hidden}.loading-progress{width:30%;height:100%;background:linear-gradient(90deg,var(--color-cyan),var(--color-magenta));animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(400%)}}.loading-subtext{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.875rem}.features{padding:var(--space-xl) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.feature-card{background:var(--color-bg-panel);border:1px solid var(--color-border);padding:var(--space-lg);transition:all .3s ease}.feature-card:hover{border-color:var(--color-cyan);transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.feature-card h3{margin-bottom:var(--space-sm)}.feature-card p{color:var(--color-text-secondary);font-size:.9375rem}@media (max-width: 768px){.hero-title{font-size:2rem}.input-wrapper{flex-direction:column}.submit-btn{width:100%}}.pricing-page{min-height:100vh;padding:120px 0 var(--space-xl)}.pricing-page h1{text-align:center;margin-bottom:var(--space-md)}.pricing-subtitle{text-align:center;color:var(--color-text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto var(--space-xl)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);max-width:1000px;margin:0 auto var(--space-xl)}.pricing-card{background:var(--color-bg-panel);border:1px solid var(--color-border);padding:var(--space-xl) var(--space-lg);text-align:center;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-4px);border-color:var(--color-cyan)}.pricing-card.popular{border-color:var(--color-magenta);border-width:2px}.pricing-card.popular:hover{border-color:var(--color-magenta);box-shadow:0 0 30px #ff00ff4d}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-magenta);color:var(--color-bg-dark);font-family:var(--font-display);font-size:.75rem;font-weight:700;padding:var(--space-xs) var(--space-md);text-transform:uppercase;letter-spacing:.1em}.pricing-card h2{font-size:1.25rem;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.price{display:flex;justify-content:center;align-items:flex-start;margin-bottom:var(--space-sm)}.currency{font-family:var(--font-display);font-size:1.5rem;margin-right:var(--space-xs);color:var(--color-text-secondary)}.amount{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-cyan);line-height:1}.tokens{font-family:var(--font-mono);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.features-list{list-style:none;text-align:left;margin-bottom:var(--space-lg)}.features-list li{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.features-list li:last-child{border-bottom:none}.check{color:var(--color-green);font-weight:700}.pricing-card .btn{width:100%}.pricing-footer{text-align:center;color:var(--color-text-secondary);font-size:.875rem}.pricing-page .error-message{max-width:600px;margin:0 auto var(--space-lg)}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr;max-width:400px}}.success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.success-card{background:var(--color-bg-panel);border:2px solid var(--color-green);padding:var(--space-xl);text-align:center;max-width:500px;animation:successPop .5s ease-out}@keyframes successPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-icon{width:80px;height:80px;margin:0 auto var(--space-lg);background:linear-gradient(135deg,var(--color-green) 0%,var(--color-cyan) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-bg-dark);font-weight:700}.success-page h1{color:var(--color-green);text-shadow:0 0 20px rgba(0,255,102,.5);margin-bottom:var(--space-md)}.success-message{color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:1.125rem}.loading-tokens{font-family:var(--font-mono);color:var(--color-text-secondary);padding:var(--space-md);animation:pulse 1.5s infinite}.tokens-display{background:var(--color-bg-darker);border:1px solid var(--color-cyan);padding:var(--space-lg);margin-bottom:var(--space-lg)}.tokens-label{display:block;font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--space-sm)}.tokens-count{display:block;font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-cyan);text-shadow:var(--glow-cyan)}.success-page .btn-primary{display:inline-block;text-decoration:none}:root{--color-bg-dark: #0a0a0f;--color-bg-darker: #050508;--color-bg-panel: rgba(15, 15, 25, .9);--color-cyan: #00fff2;--color-magenta: #ff00ff;--color-yellow: #ffff00;--color-green: #00ff66;--color-orange: #ff6600;--color-text-primary: #e0e0e0;--color-text-secondary: #888888;--color-text-glow: #00fff2;--color-grid: rgba(0, 255, 242, .1);--color-border: rgba(0, 255, 242, .3);--font-display: "Orbitron", sans-serif;--font-mono: "VT323", monospace;--font-body: "Rajdhani", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--glow-cyan: 0 0 10px var(--color-cyan), 0 0 20px var(--color-cyan), 0 0 30px var(--color-cyan);--glow-magenta: 0 0 10px var(--color-magenta), 0 0 20px var(--color-magenta)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);font-weight:400;background-color:var(--color-bg-dark);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:9999}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.1em}h1{font-size:2.5rem;text-shadow:var(--glow-cyan);color:var(--color-cyan)}h2{font-size:1.75rem;color:var(--color-magenta);text-shadow:var(--glow-magenta)}h3{font-size:1.25rem;color:var(--color-yellow)}a{color:var(--color-cyan);text-decoration:none;transition:all .3s ease}a:hover{color:var(--color-magenta);text-shadow:var(--glow-magenta)}button,.btn{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-md) var(--space-lg);border:2px solid var(--color-cyan);background:transparent;color:var(--color-cyan);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}button:hover,.btn:hover{background:var(--color-cyan);color:var(--color-bg-dark);box-shadow:var(--glow-cyan)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{background:transparent;color:var(--color-cyan);box-shadow:none}.btn-primary{background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-magenta) 100%);border:none;color:var(--color-bg-dark)}.btn-primary:hover{box-shadow:0 0 20px var(--color-cyan),0 0 40px var(--color-magenta)}input,textarea{font-family:var(--font-mono);font-size:1.25rem;padding:var(--space-md);background:var(--color-bg-darker);border:2px solid var(--color-border);color:var(--color-text-primary);transition:all .3s ease}input:focus,textarea:focus{outline:none;border-color:var(--color-cyan);box-shadow:0 0 10px #00fff24d}input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-darker)}::-webkit-scrollbar-thumb{background:var(--color-cyan);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-magenta)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.text-center{text-align:center}.text-glow{text-shadow:var(--glow-cyan)}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-flicker{animation:flicker .1s infinite}.animate-pulse{animation:pulse 2s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor{display:inline-block;width:.6em;height:1.2em;background:var(--color-cyan);animation:blink 1s infinite;vertical-align:middle;margin-left:2px}@media (max-width: 768px){html{font-size:14px}h1{font-size:1.75rem}.container{padding:0 var(--space-md)}}:lang(zh),:lang(ja),:lang(ko){font-family:var(--font-body),"Noto Sans SC","Noto Sans JP","Noto Sans KR",sans-serif}:lang(zh) h1,:lang(zh) h2,:lang(zh) h3,:lang(ja) h1,:lang(ja) h2,:lang(ja) h3,:lang(ko) h1,:lang(ko) h2,:lang(ko) h3{font-family:var(--font-display),"Noto Sans SC","Noto Sans JP","Noto Sans KR",sans-serif}