* { margin:0; padding:0; box-sizing:border-box; font-family: 'Segoe UI', Arial, sans-serif; }
body { color:#2b2b2b; background:#fdfdfb; }
a { text-decoration:none; color:inherit; }

.navbar { display:flex; justify-content:space-between; align-items:center; padding:16px 40px; background:#2e7d32; color:#fff; position:sticky; top:0; z-index:100; }
.navbar .logo { font-size:22px; font-weight:bold; }
.navbar nav a { margin-left:22px; font-weight:500; }
.navbar nav a:hover { text-decoration:underline; }
.btn-nav { background:#fff; color:#2e7d32; padding:8px 16px; border-radius:20px; }

.hero { background:linear-gradient(135deg,#a5d6a7,#66bb6a); padding:90px 40px; text-align:center; color:#1b3d1c; }
.hero h1 { font-size:42px; margin-bottom:16px; }
.hero p { font-size:18px; margin-bottom:28px; max-width:600px; margin-left:auto; margin-right:auto; }
.btn-primary { background:#2e7d32; color:#fff; padding:14px 30px; border-radius:30px; font-size:16px; font-weight:600; display:inline-block; }
.btn-primary:hover { background:#1b5e20; }
.btn-secondary { background:#fff; border:2px solid #2e7d32; color:#2e7d32; padding:10px 22px; border-radius:24px; cursor:pointer; font-weight:600; margin-top:16px; }

.section { padding:70px 40px; text-align:center; }
.section.alt { background:#f2f7f0; }
.section h2 { font-size:30px; margin-bottom:12px; color:#1b5e20; }
.section-sub { color:#555; margin-bottom:30px; }

.cards { display:flex; flex-wrap:wrap; gap:24px; justify-content:center; margin-top:30px; }
.card { background:#fff; border-radius:14px; padding:26px; width:250px; box-shadow:0 4px 14px rgba(0,0,0,0.08); text-align:left; }
.card h3 { color:#2e7d32; margin-bottom:10px; }

.chat-box { max-width:600px; margin:0 auto 20px; background:#fff; border-radius:14px; padding:20px; min-height:180px; box-shadow:0 4px 14px rgba(0,0,0,0.08); text-align:left; }
.chat-msg { padding:10px 14px; border-radius:12px; margin-bottom:10px; max-width:80%; }
.chat-msg.bot { background:#e8f5e9; align-self:flex-start; }
.chat-msg.user { background:#2e7d32; color:#fff; margin-left:auto; }
.chat-options { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; max-width:600px; margin:0 auto; }
.chat-options button { background:#fff; border:2px solid #2e7d32; color:#2e7d32; padding:10px 18px; border-radius:20px; cursor:pointer; font-weight:500; }
.chat-options button:hover { background:#2e7d32; color:#fff; }
.chat-feedback { font-weight:600; margin-top:6px; }
.chat-feedback.correct { color:#2e7d32; }
.chat-feedback.wrong { color:#c62828; }

.price-card { max-width:420px; margin:0 auto; background:#fff; border-radius:16px; padding:34px; box-shadow:0 6px 20px rgba(0,0,0,0.1); }
.price-card .price { font-size:38px; color:#2e7d32; font-weight:bold; margin:10px 0 20px; }
.price-card .price span { font-size:16px; color:#555; }
.price-card ul { list-style:none; text-align:left; margin-bottom:24px; }
.price-card ul li { margin-bottom:10px; }
.pay-methods { display:flex; flex-direction:column; gap:10px; }
.pay-btn { background:#f2f7f0; border:1px solid #ccc; padding:12px; border-radius:10px; cursor:pointer; font-size:15px; font-weight:500; }
.pay-btn:hover { background:#e0f2e1; }
.pay-status { margin-top:16px; font-weight:600; color:#1b5e20; min-height:20px; }

.founders { display:flex; flex-wrap:wrap; gap:40px; justify-content:center; margin-top:20px; }
.founder-card { background:#fff; border-radius:16px; padding:24px; width:300px; box-shadow:0 4px 14px rgba(0,0,0,0.08); }
.founder-card img { width:100%; height:280px; object-fit:cover; border-radius:12px; margin-bottom:14px; }
.founder-card h3 { color:#2e7d32; margin-bottom:10px; }
.founder-card .quote { font-style:italic; color:#444; font-size:15px; }

.footer { text-align:center; padding:24px; background:#2e7d32; color:#fff; }

.auth-wrap { display:flex; justify-content:center; align-items:center; min-height:80vh; padding:40px; }
.auth-box { background:#fff; padding:36px; border-radius:16px; box-shadow:0 6px 20px rgba(0,0,0,0.1); width:360px; }
.auth-box h2 { color:#1b5e20; margin-bottom:20px; text-align:center; }
.auth-box input { width:100%; padding:12px; margin-bottom:14px; border:1px solid #ccc; border-radius:8px; font-size:15px; }
.auth-box button { width:100%; padding:12px; background:#2e7d32; color:#fff; border:none; border-radius:8px; font-size:16px; cursor:pointer; }
.auth-box p { text-align:center; margin-top:14px; font-size:14px; }
.auth-error { color:#c62828; font-size:14px; margin-bottom:10px; text-align:center; }

.dashboard { padding:50px; }
.dashboard h1 { color:#1b5e20; margin-bottom:20px; }
.logout-btn { background:#c62828; color:#fff; padding:8px 16px; border-radius:20px; border:none; cursor:pointer; float:right; }