:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fafafa;background-color:#0d0d0d}body{margin:0;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#1f1f2e,#181825)}a{font-weight:500;color:#fc0;text-decoration:none}h1,h2,h3{margin:.5em 0}body{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#1f1f2e,#181825)}a{color:#fc0}a:hover{color:#ffd633}*{margin:0;padding:0;box-sizing:border-box}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#000000b3;position:sticky;top:0;z-index:100}.navbar .logo{font-size:1.5rem;color:#fc0}.navbar .links a,.navbar .links .nav-button{margin-left:1rem;color:#fff;text-decoration:none;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s}.navbar .links a:hover,.navbar .links .nav-button:hover{color:#ffd633}.container{padding:2rem;text-align:center}.coffee-list{display:grid;grid-template-columns:repeat(2,300px);justify-content:center;gap:1.5rem;margin-top:2rem}.coffee-card{background:#ffffff26;padding:1rem;border-radius:8px;transition:transform .2s,box-shadow .2s;max-width:300px;cursor:pointer}.coffee-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0006}.coffee-card img{width:100%;height:auto;margin-bottom:1rem}.add-coffee-form{max-width:400px;margin:1.5rem auto;background:#ffffff1a;padding:2rem;border-radius:8px}.styled-input{width:100%;padding:.75rem;border:2px solid #ffcc00;border-radius:4px;background:#fff3;color:#fff;font-size:1rem;margin-bottom:1rem}.styled-label{display:flex;align-items:center;gap:.5rem;color:#fff;margin-bottom:1rem}button{background:#fc0;color:#000;padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}button:hover{background:#e6b800;transform:translateY(-2px)}button+button{margin-left:.5rem}h1{font-size:2.5rem;margin-bottom:1rem;color:#fff}