:root{--color-primary:#2563eb;--color-text:#1f2937;--color-text-light:#6b7280;--color-bg:#fff;--color-bg-secondary:#f9fafb;--color-border:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:800px;padding:0 20px}.header{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header__inner{height:64px;justify-content:space-between}.header__inner,.header__logo{align-items:center;display:flex}.header__logo{gap:12px;text-decoration:none}.header__logo-icon{align-items:center;background:linear-gradient(135deg,#03bf8f,#009873);border-radius:10px;box-shadow:0 4px 12px #03bf8f4d;display:flex;height:36px;justify-content:center;min-width:36px;width:36px}.header__logo-icon svg{color:#fff;height:20px;width:20px}.header__logo-text{color:var(--color-text);font-size:1.125rem;font-weight:700}.header__nav{display:flex;gap:24px}.header__nav a{color:var(--color-text-light);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.header__nav a.router-link-active,.header__nav a:hover{color:var(--color-primary)}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:auto;padding:32px 0}.footer__inner{text-align:center}.footer__links{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:16px}.footer__links a{color:var(--color-text-light);font-size:14px;text-decoration:none;transition:color .2s}.footer__links a:hover{color:var(--color-primary)}.footer__copyright{color:var(--color-text-light);font-size:13px}.legal-page{flex:1;padding:48px 0}.legal-page__title{color:var(--color-text);font-size:32px;font-weight:700;margin-bottom:8px}.legal-page__updated{color:var(--color-text-light);font-size:14px;margin-bottom:32px}.legal-page__content{font-size:16px;line-height:1.8}.legal-page__content h2{color:var(--color-text);font-size:20px;font-weight:600;margin-bottom:12px;margin-top:32px}.legal-page__content p{margin-bottom:16px}.legal-page__content ul{margin-bottom:16px;padding-left:24px}.legal-page__content li{margin-bottom:8px}.legal-page__content a{color:var(--color-primary);text-decoration:none}.legal-page__content a:hover{text-decoration:underline}.landing{display:flex;flex:1;flex-direction:column}.landing__hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:80px 0;text-align:center}.landing__logo{align-items:center;background:linear-gradient(135deg,#03bf8f,#009873);border-radius:24px;box-shadow:0 8px 32px #03bf8f59;display:flex;height:100px;justify-content:center;margin:0 auto 32px;width:100px}.landing__logo svg{color:#fff;height:56px;width:56px}.landing__title{color:var(--color-text);font-size:48px;font-weight:700;margin-bottom:16px}.landing__subtitle{color:var(--color-text-light);font-size:20px;margin-bottom:24px}.landing__badge{background:var(--color-primary);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:8px 20px}.landing__info{padding:64px 0;text-align:center}.landing__info-text{color:var(--color-text-light);font-size:18px;margin:0 auto 32px;max-width:500px}.landing__links{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.landing__link{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.landing__link:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:600px){.landing__title{font-size:32px}.landing__subtitle{font-size:16px}.landing__hero{padding:48px 0}.header__nav{gap:12px}.header__nav a{font-size:13px}}