@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;700&display=swap";.card-container{flex-wrap:wrap;gap:24px;display:flex}.centerSomething{flex-direction:column;align-items:center;display:flex}.page{min-height:99vh;padding:1rem}.premium-card{border:1px solid var(--border);background:#fffcf2;border-radius:12px;max-width:fit-content;margin-top:32px;padding:24px}.subtitle{opacity:.7;margin-top:12px}.login-button{color:#252422;background:#cdc3c3}.login-button:hover{background:#6dffcc}.signup-button{color:#252422;background:#cdc3c3}.signup-button:hover{background:#5599fe}.forgot-password-button{color:#252422;background:#cdc3c3}.forgot-password-button:hover{background:#ff6464}.signout-button:hover{background:#e40e0e}.upgrade-button:hover{background:#6fff1c}.card{border:1px solid var(--border);color:#252422;cursor:pointer;background:#fffcf2;border-radius:18px;flex-direction:column;width:300px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 12px 30px #00000059}.card-image{object-fit:cover;border-bottom:1px solid var(--border);width:100%;height:180px}.card-content{padding:18px}.card-content h2{margin:0 0 10px;font-size:22px}.card-content p{color:#aaa;margin:0;line-height:1.5}.nav{justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:relative}.left{align-items:center;display:flex}.logo{width:auto;height:48px}.menu{align-items:center;gap:24px;display:flex}.center{gap:16px;display:flex}.right{gap:12px;display:flex}.link{color:inherit;text-decoration:none;transition:color .2s}.link:hover{color:#eb5e28}.menu-btn,.close-btn{cursor:pointer;color:inherit;background:0 0;border:none;font-size:26px;display:none}@media (width<=768px){.menu-btn{display:block}.menu{background:var(--text);border-top:1px solid var(--border);z-index:1000;opacity:0;pointer-events:none;flex-direction:column;gap:16px;padding:16px;transition:all .2s;position:absolute;top:0;left:0;right:0;transform:translateY(-10px)}.menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.close-btn{align-self:flex-end;padding:4px 8px;font-size:24px;display:block}.center,.right{flex-direction:column;align-items:flex-start}}.foot{text-align:center;padding:20px}.footer-a-tag{color:inherit;transition:color .2s}.footer-a-tag:hover{color:#eb5e28}:root{--bg:#ccc5b9;--text:#252422;--border:#2a2a2a;--sans:"Bricolage Grotesque", system-ui, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0;line-height:1.5}#root{min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button{border:1px solid var(--border);color:#252422;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:5px;padding:10px 14px;font-family:inherit;font-weight:900;transition:all .3s;display:inline-flex}button:hover{border-color:#444;transform:translateY(-1px)}button:disabled,button.disabled{opacity:.5;cursor:not-allowed;color:#777;background:#1a1a1a;border-color:#333;transform:none}input{border:1px solid var(--border);color:#202020;background:#cdc3c3;border-radius:8px;outline:none;margin-top:5px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .15s}input:focus{background:#fff2c1;border-color:#444}input::placeholder{color:#666}input:disabled{opacity:.5;cursor:not-allowed}.footback{color:#fffcf2;background-color:#253422}.navback{color:#fffcf2;background-color:#403d39}