*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#000}.landing{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:auto;padding:0 20px;width:100%}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #eee}.nav-left{display:flex;align-items:center;gap:12px}.logo{width:32px}.brand{font-size:18px;font-weight:600}.nav-right{cursor:pointer;font-size:15px}.nav-right:hover{opacity:.6}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px 20px;max-width:1200px;margin:auto;align-items:center}.hero-left{max-width:520px}.hero-left h1{font-size:clamp(40px,6vw,64px)}.subtitle{letter-spacing:4px;font-size:13px;margin-top:8px;margin-bottom:18px}.desc{font-size:16px;line-height:1.6;color:#444;margin-bottom:30px}.chrome-btn{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;border:none;padding:14px 26px;font-size:16px;cursor:pointer;border-radius:6px;transition:.2s}.chrome-btn:hover{background:#222}.hero-right{display:grid;gap:24px}.feature-card{border:1px solid #eee;padding:22px;border-radius:8px;transition:.25s;background:#fff}.feature-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #00000014}.feature-card h3{margin-bottom:8px;font-size:18px}.feature-card p{color:#555;font-size:14px}.welcome{display:flex;flex-direction:column;align-items:center;padding:80px 20px;text-align:center;max-width:1100px;margin:auto}.welcome-sub{margin-top:10px;color:#555}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;width:100%}.welcome-card{border:1px solid #eee;padding:24px;border-radius:8px;text-align:left}.welcome-card h3{margin-bottom:10px}.dashboard{max-width:1100px;margin:auto;padding:60px 20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{background:#fff;border:1px solid #eee;padding:24px;border-radius:10px;box-shadow:0 2px 10px #0000000d}.stat-card h3{font-size:14px;color:#555;margin-bottom:8px}.stat-card p{font-size:28px;font-weight:700}.dashboard-btn{background:#000;color:#fff;border:none;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;border-radius:6px}.dashboard-btn:hover{background:#222}.logout-btn{background:#000;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer}.logout-btn:hover{background:#222}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px}.logout-modal{background:#fff;padding:28px;border-radius:12px;width:100%;max-width:380px;text-align:center;box-shadow:0 10px 30px #00000026}.modal-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.logout-text{margin-bottom:24px;font-size:16px}.modal-buttons{display:flex;justify-content:center;gap:12px}.btn-no{background:#fff;border:1px solid black;padding:8px 18px;cursor:pointer;border-radius:6px}.btn-yes{background:#000;color:#fff;border:none;padding:8px 18px;cursor:pointer;border-radius:6px}@media(max-width:1000px){.hero{grid-template-columns:1fr;text-align:center}.hero-left{margin:auto}.hero-right{max-width:420px;margin:auto}.features,.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero{padding:60px 20px}.hero-left h1{font-size:34px}.subtitle{letter-spacing:2px}.desc{font-size:15px}.chrome-btn{width:100%;justify-content:center}.features{grid-template-columns:1fr}.stats{grid-template-columns:1fr;gap:16px}.stat-card p{font-size:22px}.nav{padding:16px}.logo{width:26px}.brand{font-size:16px}}