.logo-preview{width:72px;height:72px;border-radius:4px;background:#f8fafc;display:grid;place-items:center;font-weight:700}.logo-preview img{width:100%;height:100%;object-fit:contain;border-radius:3px}.landing-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(900px circle at 15% 5%,rgba(79,70,229,.1) 0,rgba(79,70,229,0) 55%),radial-gradient(800px circle at 95% 30%,rgba(254,202,4,.16) 0,rgba(254,202,4,0) 55%),linear-gradient(180deg,#ffffff,#f7f8fb 70%)}html.dark .landing-page{background:radial-gradient(900px circle at 15% 5%,rgba(99,102,241,.08) 0,rgba(99,102,241,0) 55%),radial-gradient(800px circle at 95% 30%,rgba(254,202,4,.06) 0,rgba(254,202,4,0) 55%),linear-gradient(180deg,#0f1117,#0f1117 70%)}.landing-container{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}.landing-nav{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.landing-nav-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}.landing-brand{display:inline-flex;align-items:center;gap:10px}.landing-logo{height:clamp(28px,4.5vw,96px);width:auto;display:block}.landing-logo-centered{display:flex;justify-content:center;margin-bottom:18px}.landing-logo-centered .landing-logo{height:clamp(48px,8vw,140px)}.landing-tagline{text-align:center;margin:12px 0 88px;font-size:16px;color:var(--text-secondary);font-weight:600}.landing-legal{text-align:center;margin-top:12px;font-size:13px;color:var(--muted)}.landing-legal a{color:var(--muted);text-decoration:underline}@media (min-width:640px){.landing-tagline{font-size:18px}}@media (max-width:420px){.landing-tagline{margin:12px 0 24px}.landing-actions--below-card{padding-bottom:18px}.landing-scroll-down{bottom:8px}}.landing-brand-text{font-weight:800;letter-spacing:-.02em}.landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(17,24,39,.14);background:rgba(255,255,255,.85);color:#0b0b0b;font-weight:700;cursor:pointer;transition:transform .06s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.landing-cta:hover{border-color:rgba(17,24,39,.22);box-shadow:0 10px 24px rgba(17,24,39,.08)}.landing-cta:active{transform:translateY(1px)}.landing-cta-icon{width:18px;height:18px}.landing-main{flex:1;display:flex;flex-direction:column}.landing-hero{width:100%;display:flex;padding:28px 0 34px;position:relative}.landing-hero,.landing-scroll-down{align-items:center;justify-content:center}.landing-scroll-down{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;padding:6px;display:inline-flex;cursor:pointer}.landing-scroll-down svg{width:28px;height:28px;display:block;color:var(--muted);fill:none;stroke:currentColor;stroke-width:1.6;vector-effect:non-scaling-stroke;animation:landing-bounce 1.6s infinite}.landing-scroll-down{background:transparent;border:none;box-shadow:none}.landing-scroll-down:focus{outline:none}@keyframes landing-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(3px)}}.landing-hero-card{display:grid;grid-template-columns:1fr;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 60px rgba(17,24,39,.1);backdrop-filter:blur(10px);padding:22px}@media (min-width:900px){.landing-hero-card{grid-template-columns:1.2fr .8fr;align-items:start;padding:28px}}.landing-title{margin:0;font-size:34px;line-height:1.08;letter-spacing:-.03em;font-weight:900}@media (min-width:640px){.landing-title{font-size:44px}}.landing-title-accent{color:#4f46e5}.landing-subtitle{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--muted)}.landing-notices{margin-top:14px;display:flex;flex-direction:column;gap:8px}.landing-notice{padding:10px 12px;border-radius:10px;border:1px solid rgba(229,231,235,.9);font-size:13px}.landing-notice--error{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.2);color:#b91c1c}.landing-notice--success{background:rgba(22,163,74,.06);border-color:rgba(22,163,74,.2);color:#15803d}.landing-actions{margin-top:18px}.landing-actions--below-card{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:28px;max-width:520px;margin-left:auto;margin-right:auto;padding:0 20px 24px}.landing-actions--below-card .landing-google-btn{width:100%;max-width:420px}.landing-google-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:12px 14px;border:1px solid rgba(0,0,0,.12);background:#FFD400;font-weight:800;cursor:pointer;transition:transform .06s ease,box-shadow .16s ease,border-color .16s ease}.landing-google-btn:hover{border-color:rgba(0,0,0,.18);box-shadow:0 12px 30px rgba(0,0,0,.1)}.landing-google-btn:active{transform:translateY(1px)}.landing-google-badge{width:36px;height:36px;border-radius:10px;border:1px solid rgba(229,231,235,.92);background:#f8fafc;display:inline-flex;align-items:center;justify-content:center}.landing-google-icon{width:18px;height:18px;display:block}.landing-features{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:520px){.landing-features{grid-template-columns:1fr 1fr}}@media (min-width:900px){.landing-features{grid-template-columns:1fr}}.feature-card{border-radius:4px;border:1px solid var(--border);background:var(--surface);padding:14px}.landing-more-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width:640px){.landing-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.landing-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-card.landing-more-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:18px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:default;aspect-ratio:1/1}.feature-card.landing-more-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(17,24,39,.12);border-color:rgba(79,70,229,.25)}.landing-more-icon{width:40px;height:40px;border-radius:4px;background:linear-gradient(135deg,rgba(254,202,4,.15),rgba(79,70,229,.15));border:1px solid rgba(254,202,4,.25);color:#0b0b0b;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:all .2s ease}.feature-card.landing-more-card:hover .landing-more-icon{background:linear-gradient(135deg,rgba(254,202,4,.25),rgba(79,70,229,.2));border-color:rgba(254,202,4,.4);transform:scale(1.05)}.landing-more-icon svg{width:20px;height:20px;display:block}.feature-title{font-weight:900;letter-spacing:-.02em;margin-bottom:6px}.feature-text{color:var(--muted);font-size:13px;line-height:1.5}.landing-footer{padding:18px 0;color:var(--muted);font-size:12px}.landing-footer-inner{display:flex;align-items:center;justify-content:center}