@import "https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Jost:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:GenYog;src:url(/fonts/GenYoGothic2TC-R.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-color:#fdfbf7;--bg-color-rgb:253, 251, 247;--surface-dark:#f5f3ef;--surface-light:#fff;--accent-gold:#b45309;--accent-gold-hover:#d97706;--text-primary:#1c1917;--text-secondary:#57534e;--font-heading:ui-rounded, "SF Pro Rounded", "Nunito", "GenYog", system-ui, sans-serif;--font-body:"Jost", "GenYog", sans-serif;--glass-bg:#fff6;--glass-border:#0000000d;--glass-shadow:0 8px 32px 0 #00000014;--glass-blur:blur(16px);--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:-2;background-image:url(/bg.png);background-position:50%;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;pointer-events:none;background-color:#fdfbf780;width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0;font-weight:400}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (width<=768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}.landing-container{z-index:1;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.bg-blur{filter:blur(100px);z-index:-1;opacity:.4;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.blur-1{background:radial-gradient(circle, var(--surface-light) 0%, rgba(var(--bg-color-rgb), 0) 70%);width:600px;height:600px;top:-100px;left:-200px}.blur-2{background:radial-gradient(circle, #ca8a0426 0%, rgba(var(--bg-color-rgb), 0) 70%);width:500px;height:500px;animation-delay:-10s;bottom:-50px;right:-100px}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.1)}to{transform:translate(-30px,-50px)scale(.9)}}.navbar{z-index:1500;background:rgba(var(--bg-color-rgb), .85);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex;position:fixed;top:0;left:0}@media (width<=768px){.navbar{height:60px;padding:.5rem 1rem}}.logo{font-family:var(--font-heading);letter-spacing:.1em;color:var(--accent-gold);font-size:1.25rem;font-weight:700}.nav-actions{align-items:center;gap:1rem;display:flex}.nav-btn{letter-spacing:.02em;transition:var(--transition-smooth);cursor:pointer;border-radius:100px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600}.login-btn{color:var(--text-primary);border:1px solid #0000}.login-btn:hover{color:var(--accent-gold)}.register-btn{background-color:var(--accent-gold);color:#fff;box-shadow:0 4px 12px #b4530933}.register-btn:hover{background-color:var(--accent-gold-hover);transform:translateY(-1px);box-shadow:0 6px 16px #b453094d}.lang-toggle-btn{color:var(--text-secondary);letter-spacing:.02em;transition:var(--transition-smooth);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);cursor:pointer;border-radius:100px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.8125rem;display:flex}.globe-icon{width:14px;height:14px}.lang-text{font-weight:600}.lang-toggle-btn:hover{color:var(--text-primary);background:#ffffff0f;border-color:#d9770666;transform:translateY(-1px)}.hero-section{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 1.5rem 2rem;display:flex}@media (width<=768px){.hero-section{padding-top:70px}}.hero-content{text-align:center;background:var(--glass-bg);max-width:800px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);box-sizing:border-box;opacity:0;border-radius:24px;flex-direction:column;align-items:center;gap:2rem;width:100%;padding:3.5rem 2.5rem;animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeUp;display:flex;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-title{color:var(--text-primary);letter-spacing:-.02em;flex-direction:column;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.1;display:flex}.hero-title.zh{letter-spacing:0;line-height:1.2}.title-line{display:block}.italic-accent{color:var(--accent-gold);font-style:italic;font-weight:300}.hero-subtitle{color:var(--text-secondary);letter-spacing:.02em;white-space:pre-line;max-width:600px;font-size:clamp(1rem,2vw,1.15rem);font-weight:300}.cta-container{flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:1.5rem;display:flex}.primary-cta{background-color:var(--accent-gold);color:#fff;letter-spacing:.05em;transition:var(--transition-smooth);border-radius:100px;align-items:center;gap:1rem;padding:1.1rem 2.2rem;font-size:1.125rem;font-weight:600;display:flex;box-shadow:0 4px 14px #ca8a0466}.arrow-icon{width:18px;height:18px;transition:transform .3s}.primary-cta:hover{background-color:var(--accent-gold-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ca8a0499}.primary-cta:hover .arrow-icon{transform:translate(4px)}.cta-subtext{color:var(--text-secondary);opacity:.7;letter-spacing:.05em;text-transform:uppercase;font-size:.8125rem}section{z-index:2;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:4rem 1.5rem;position:relative}.glass-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);background:#ffffff0d;border-radius:12px;padding:.875rem 1.25rem;font-size:1rem}.glass-input:focus{background:#ffffff14;border-color:#ca8a0480;outline:none;box-shadow:0 0 0 4px #ca8a041a}.glass-input::placeholder{color:var(--text-secondary);opacity:.5}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);box-sizing:border-box;border-radius:24px;width:100%;padding:2.5rem 2rem;transition:transform .3s}.glass-card:hover{border-color:#ca8a044d;transform:translateY(-5px)}.role-card:hover{border-color:var(--accent-gold);background:#ca8a040d}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-icon{color:var(--accent-gold);margin-bottom:1.5rem;font-size:3rem}.svg-icon{width:48px;height:48px}.feature-title{color:var(--text-primary);letter-spacing:.05em;margin-bottom:1rem;font-size:1.5rem;font-weight:500}.feature-desc{color:var(--text-secondary);font-weight:300;line-height:1.6}.steps-section{margin-top:4rem;margin-bottom:4rem}.steps-container{flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.step-item{transition:var(--transition-smooth);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;align-items:flex-start;gap:2rem;padding:2.5rem;display:flex}.step-item:hover{background:#ffffff14;border-color:#ca8a044d;transform:translateY(-3px)}.step-number{font-family:var(--font-heading);color:var(--accent-gold);opacity:.8;font-size:2.5rem;font-weight:600;line-height:1}.step-content{flex:1}.step-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:500}.step-desc{color:var(--text-secondary);font-weight:300;line-height:1.7}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.testimonial-card{flex-direction:column;justify-content:space-between;display:flex}.quote-mark{font-family:var(--font-heading);color:var(--accent-gold);opacity:.3;margin-bottom:-1rem;font-size:4rem;line-height:1}.testimonial-quote{color:var(--text-primary);margin-bottom:2rem;font-style:italic;font-weight:300;line-height:1.8}.testimonial-name{color:var(--text-secondary);letter-spacing:.05em;text-align:right;font-size:.875rem}.footer-section{border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);background:#0009;width:100%;margin-top:4rem;padding:4rem 2rem}.footer-content{flex-direction:column;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.footer-logo{font-family:var(--font-heading);letter-spacing:.2em;color:var(--text-primary);font-size:1.5rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer-link{color:var(--text-primary);opacity:.9;letter-spacing:.05em;font-size:.875rem;transition:color .3s}.footer-link:hover{color:var(--accent-gold)}.footer-copyright{color:var(--text-primary);opacity:.7;margin-top:1rem;font-size:.75rem}@media (width<=768px){.hero-content{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;gap:1.5rem;padding:2rem 1.5rem}.navbar{padding:1.5rem}.primary-cta{justify-content:center;width:100%;padding:1rem 2rem;font-size:1rem}.cta-subtext{font-size:.75rem}.blur-1{width:300px;height:300px;top:-50px;left:-100px}.blur-3{width:250px;height:250px;top:50%;left:-50px}.blur-4{width:200px;height:200px;bottom:20%;right:-50px}}@media (width<=480px){.hero-title{font-size:clamp(2rem,10vw,3rem)}.hero-subtitle{padding:0 .5rem;font-size:1rem}.step-item{flex-direction:column;gap:1rem;padding:1.5rem 1rem}.footer-links{flex-direction:column;align-items:center;gap:1rem}}