*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,sans-serif;background:linear-gradient(135deg,#f8fbff,#eef6ff);color:#0f172a}button,input,textarea{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:24px}.navbar{max-width:1200px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-radius:20px;background:linear-gradient(90deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 12px 30px #2563eb40}.brand{font-size:1.3rem;font-weight:700}.badge{background:#ffffff29;padding:8px 12px;border-radius:999px;font-size:.95rem}.main-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.hero,.card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 35px #0f172a12}.hero{padding:28px}.hero h1{font-size:2rem;margin-bottom:12px}.hero p{color:#475569;line-height:1.6;margin-bottom:16px}.hero ul{list-style:none;display:grid;gap:10px}.hero li{padding:10px 12px;background:#f8fafc;border-radius:12px;color:#334155}.stack{display:grid;gap:20px}.card{padding:24px}.card h2,.card h3{margin-bottom:12px}.card p,.card label{color:#475569}.file-input{width:100%;margin:12px 0 16px;padding:12px;border:1px dashed #94a3b8;border-radius:12px;background:#f8fafc}.primary-btn,.secondary-btn{padding:10px 16px;border:none;border-radius:999px;cursor:pointer;transition:transform .2s ease}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.primary-btn{background:linear-gradient(90deg,#2563eb,#4f46e5);color:#fff}.secondary-btn{background:#e2e8f0;color:#0f172a}.input-area{width:100%;min-height:110px;border:1px solid #cbd5e1;border-radius:14px;padding:12px 14px;resize:vertical;margin:10px 0 16px}.status-box{margin-top:12px;padding:14px;border-radius:12px;background:#f8fafc;color:#334155;min-height:48px;line-height:1.5}@media (max-width: 900px){.main-grid{grid-template-columns:1fr}}@media (max-width: 600px){.app-shell{padding:12px}.navbar{flex-direction:column;gap:10px}}