:root{--primary-dark:#0f4422;--primary:#196f38;--primary-light:#9fe2c0;--accent:#23b55d;--bg-color:#f4f8f5;--text-main:#0f4422;--text-muted:#6b8e79;--white:#fff;--gradient-card:linear-gradient(135deg, #186032, #0d3b1e);--gradient-bg:linear-gradient(180deg, #fff 0%, #bbedd3 100%);--font-sans:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--shadow-sm:0 2px 8px #0f44220d;--shadow-md:0 8px 24px #0f44221f;--shadow-lg:0 16px 32px #0f442226;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background:#e0e5e2;justify-content:center;min-height:100vh;line-height:1.5;display:flex}#root{background:var(--gradient-bg);justify-content:center;width:100%;min-height:100vh;display:flex}.app-layout{background:var(--gradient-bg);width:100%;max-width:414px;min-height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden auto}.bottom-nav-container{max-width:414px}@media (width>=1024px){.app-layout{background:#fff;border-radius:24px;max-width:1200px;min-height:calc(100vh - 40px);margin:20px auto;box-shadow:0 24px 48px #0f442226}.bottom-nav-container{border-bottom-right-radius:24px;border-bottom-left-radius:24px;max-width:1200px}.dashboard-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1rem 2rem;display:grid}.dashboard-header{grid-column:1/-1}.dashboard-widget{background:var(--bg-color);border-radius:24px;height:100%;padding:2rem}}.landing-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.landing-hero{text-align:center;flex-direction:column;align-items:center;padding:3rem 2rem 2rem;display:flex;position:relative}.landing-form{flex-direction:column;align-items:center;padding:3rem 2rem 5rem;display:flex}@media (width>=1024px){.landing-container{background:var(--white);border:1px solid #fffc;border-radius:32px;flex-direction:row;align-items:stretch;width:100%;max-width:1100px;min-height:80vh;margin:auto;overflow:hidden;box-shadow:0 40px 100px #0f44221f}.landing-hero{text-align:left;background:#f9fbf9;flex:1.2;justify-content:center;align-items:flex-start;padding:5rem;position:relative}.landing-form{background:var(--white);border-left:1px solid #0000000d;flex:1;justify-content:center;max-width:500px;padding:4rem;box-shadow:-10px 0 30px #00000005}.mobile-only{display:none!important}}@media (width<=768px){.desktop-only{display:none!important}}.text-center{text-align:center}.font-heading{font-family:var(--font-heading)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-6{padding:1.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.text-muted{color:var(--text-muted);font-size:.875rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.btn{border-radius:var(--radius-full);cursor:pointer;font-weight:600;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;padding:.875rem 1.5rem;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary-dark);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:active{transform:scale(.98)}.page{flex:1;padding:1.5rem 1.5rem 6rem;animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.input-group{margin-bottom:1rem}.input-group label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input{border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--text-main);background:#fffc;border:1px solid #0f44221a;padding:1rem;font-size:1rem;transition:all .2s}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #23b55d33}.glass{-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #fff6}