@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);.header-nav[data-v-4fea93b4]{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:0 20px;position:fixed;top:0;left:0;right:0;z-index:1000;height:60px}.nav-container[data-v-4fea93b4]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;height:100%}.logo-link[data-v-4fea93b4]{text-decoration:none}.logo-text[data-v-4fea93b4]{font-size:24px;font-weight:700;color:#2c3e50;margin:0}.main-nav[data-v-4fea93b4]{display:flex;gap:20px}.nav-item[data-v-4fea93b4]{display:flex;align-items:center;gap:8px;padding:10px 15px;text-decoration:none;color:#555;font-weight:500;border-radius:8px;transition:background-color .2s,color .2s}.nav-item[data-v-4fea93b4]:hover{background-color:#f0f2f5}.nav-item.router-link-exact-active[data-v-4fea93b4]{color:#4a90e2;background-color:#e7f3ff}.nav-item i[data-v-4fea93b4]{font-size:18px}.auth-section[data-v-4fea93b4],.user-info[data-v-4fea93b4]{display:flex;align-items:center}.user-info[data-v-4fea93b4]{gap:15px}.user-name[data-v-4fea93b4]{font-weight:500;color:#333}.auth-button[data-v-4fea93b4]{padding:8px 16px;border:none;border-radius:20px;cursor:pointer;font-weight:700;transition:all .2s;white-space:nowrap}.auth-button.login[data-v-4fea93b4]{background-color:#4a90e2;color:#fff;text-decoration:none}.auth-button.login[data-v-4fea93b4]:hover{background-color:#357abd}.auth-button.logout[data-v-4fea93b4]{background-color:#f0f2f5;color:#555}.auth-button.logout[data-v-4fea93b4]:hover{background-color:#e0e4e8}@media (max-width:768px){.nav-container[data-v-4fea93b4]{padding:0 10px}.logo-text[data-v-4fea93b4]{font-size:20px}.main-nav[data-v-4fea93b4]{position:absolute;left:50%;transform:translateX(-50%);gap:0}.nav-item[data-v-4fea93b4]{padding:8px 12px}.nav-text[data-v-4fea93b4]{display:none}.nav-item i[data-v-4fea93b4]{font-size:22px}.user-name[data-v-4fea93b4]{display:none}.auth-button[data-v-4fea93b4]{padding:6px 12px;font-size:14px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f4f6f9}#app-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#333}.main-content{padding-top:60px}.landing-container[data-v-384eed66]{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;color:#333;background-color:#fdfdfd}.hero-section[data-v-384eed66]{background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),url(https://source.unsplash.com/random/1600x900?fantasy,anime) no-repeat 50%;background-size:cover;color:#fff;text-align:center;padding:120px 20px;display:flex;justify-content:center;align-items:center;min-height:90vh}.hero-content[data-v-384eed66]{max-width:800px}.app-title[data-v-384eed66]{font-size:3.2rem;font-weight:700;margin-bottom:25px;text-shadow:2px 2px 8px rgba(0,0,0,.7);line-height:1.3}.app-title span[data-v-384eed66]{display:block}.app-subtitle[data-v-384eed66]{font-size:1.25rem;margin-bottom:50px;line-height:1.7}.cta-buttons[data-v-384eed66]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.cta-button[data-v-384eed66]{display:inline-block;padding:16px 35px;border-radius:50px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2);border:2px solid transparent;cursor:pointer}.cta-button.primary[data-v-384eed66]{background-color:#4a90e2;color:#fff}.cta-button.primary[data-v-384eed66]:hover{background-color:#357abd;transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.cta-button.secondary[data-v-384eed66]{background-color:transparent;color:#fff;border-color:#fff}.cta-button.secondary[data-v-384eed66]:hover{background-color:#fff;color:#4a90e2;transform:translateY(-3px)}.login-prompt[data-v-384eed66]{margin-top:30px;font-size:.9rem;opacity:.9}.section-title[data-v-384eed66]{font-size:2.5rem;margin-bottom:60px;position:relative;color:#333;text-align:center}.section-title[data-v-384eed66]:after{content:"";display:block;width:60px;height:4px;background-color:#4a90e2;margin:20px auto 0}.how-to-use-section[data-v-384eed66]{padding:80px 20px;background-color:#fff}.steps-grid[data-v-384eed66]{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;max-width:1200px;margin:0 auto}.step-card[data-v-384eed66]{background-color:#f9f9f9;padding:30px;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.08);width:300px;text-align:center}.step-icon[data-v-384eed66]{font-size:3.5rem;line-height:1;margin-bottom:15px}.step-number[data-v-384eed66]{color:#4a90e2;font-size:1rem;font-weight:700;margin-bottom:5px}.step-title[data-v-384eed66]{font-size:1.6rem;margin-bottom:15px}.step-description[data-v-384eed66]{font-size:1rem;line-height:1.6;color:#666}.features-section[data-v-384eed66]{padding:80px 20px;background-color:#f0f4f8}.features-grid[data-v-384eed66]{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;max-width:1200px;margin:0 auto}.feature-card[data-v-384eed66]{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);width:300px;text-align:center}.feature-icon[data-v-384eed66]{font-size:3rem;margin-bottom:20px}.feature-title[data-v-384eed66]{font-size:1.5rem;margin-bottom:15px}.feature-description[data-v-384eed66]{font-size:1rem;line-height:1.6;color:#666}.landing-footer[data-v-384eed66]{text-align:center;padding:20px;background-color:#333;color:#aaa;font-size:.9rem}.fade-in[data-v-384eed66]{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible[data-v-384eed66]{opacity:1;transform:translateY(0)}@media (max-width:768px){.app-title[data-v-384eed66]{font-size:2.5rem}.app-subtitle[data-v-384eed66]{font-size:1.1rem}.cta-buttons[data-v-384eed66]{flex-direction:column;gap:15px}.section-title[data-v-384eed66]{font-size:2rem}}