:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(to bottom,#fef9f5,#fff)}h1,h2,h3{line-height:1.2}#root{width:100%}.app{max-width:1200px;margin:0 auto;padding:1.25rem;text-align:center}.hero{padding:1.5rem 0 2rem;margin-bottom:2rem}.coffee-icon{font-size:5rem;margin-bottom:.5rem;display:inline-block}.hero h1{font-size:4rem;margin:.25rem 0;background:linear-gradient(135deg,#6b4423,#d2691e,#8b4513);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.tagline{font-size:1.5rem;color:#666;margin:.5rem 0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.feature{background:linear-gradient(135deg,#f5f5f5,#fff);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature h3{color:#6b4423;margin:1rem 0 .5rem;font-size:1.5rem}.feature p{color:#666;line-height:1.6}.signup-section{background:linear-gradient(135deg,#6b4423,#8b4513);padding:3rem;border-radius:24px;margin:4rem 0;color:#fff}.signup-section h2{font-size:2.5rem;margin-bottom:1rem}.signup-description{font-size:1.1rem;margin-bottom:2rem;opacity:.95;max-width:600px;margin-left:auto;margin-right:auto}.signup-form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.input-field{padding:1rem;font-size:1rem;border:none;border-radius:12px;outline:none;transition:box-shadow .3s ease}.input-field:focus{box-shadow:0 0 0 3px #ffffff4d}.signup-form button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:#fff;color:#6b4423;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.signup-form button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.success-message{background:#fff3;padding:2rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-icon{font-size:3rem;color:#4caf50;margin-bottom:1rem;background:#fff;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.success-message p{font-size:1.2rem;margin:0}footer{margin-top:4rem;padding:2rem 0;color:#999;font-size:.9rem;border-top:1px solid #eee}@media(max-width:768px){.hero h1{font-size:2.5rem}.tagline{font-size:1.2rem}.features{grid-template-columns:1fr}.signup-section{padding:2rem 1rem}.signup-section h2{font-size:2rem}}