:root{--bg:#f6f8fa;--card:#ffffff;--muted:#6b7280;--accent:#0366d6;--construction-yellow:#fbbf24}body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);margin:0}.app-container{max-width:980px;margin:28px auto;padding:20px;background:var(--card);border-radius:8px;box-shadow:0 6px 18px #0f172a0f}.header{display:flex;justify-content:space-between;align-items:center}.upload-area{border:2px dashed #d1d5db;padding:16px;border-radius:6px;background:#fafafa}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid #eee;border-top-color:var(--accent);animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.landing-hero{display:flex;flex-direction:column;gap:18px;padding:28px}.landing-hero h1{font-size:34px;margin:0;line-height:1.05}.landing-hero p.lead{color:var(--muted);margin:0;max-width:720px}.landing-grid{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}.landing-features ul{padding-left:22px;line-height:1.6}.landing-cta button{padding:12px 16px;border-radius:10px;border:none;background:var(--construction-yellow);color:#111827;cursor:pointer;box-shadow:0 6px 18px #0000000f}.landing-logo{width:48px;height:48px;border-radius:8px;background:var(--construction-yellow);display:inline-block}@media (max-width:900px){.app-container{margin:16px}.landing-grid{grid-template-columns:1fr}.landing-hero h1{font-size:22px}.landing-hero{padding:18px}}