:root{--text:#1f1f1f;--text-h:#000;--bg:#c1d0b5;--border:#000;--code-bg:#fff8de;--accent:#000;--accent-bg:#fff8de66;--accent-border:#000;--cream:#fff8de;--green-bg:#c1d0b5;--black:#000;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);font-family:var(--sans)}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:700}p{margin:0}.header{background-color:var(--black);border-bottom:2px solid var(--cream);justify-content:space-between;align-items:center;padding:18px 30px;display:flex}.left-container{align-items:center;gap:12px;display:flex}.logo{object-fit:contain;width:52px;height:52px}.brand{color:var(--cream);font-size:1.8rem;font-weight:700;text-decoration:none}.right-container{align-items:center;gap:22px;display:flex}.nav-link{color:var(--cream);font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{opacity:.8}.login-btn,.primary-btn,.secondary-btn{cursor:pointer;transition:all .2s}.login-btn:hover,.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.login-btn{background:var(--cream);color:var(--black);border:none;border-radius:8px;padding:10px 18px;font-weight:600}.primary-btn{background:var(--black);color:var(--cream);border:none;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:600}.secondary-btn{border:2px solid var(--black);background:var(--cream);color:var(--black);border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:600}.hero{background:var(--green-bg);flex:1;justify-content:center;align-items:center;padding:60px 24px;display:flex}.hero-content{text-align:center;max-width:760px}.hero-title{margin-bottom:24px;font-size:4rem}.hero-subtitle{color:var(--text);font-size:1.2rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.footer{background:var(--black);color:var(--cream);text-align:center;padding:20px}@media (width<=768px){.header{flex-direction:column;gap:18px}.right-container{flex-wrap:wrap;justify-content:center}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1rem}}