*{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.home{display:flex;justify-content:center;align-items:center;min-height:80vh;text-align:center;padding:2rem}.home{max-width:1200px;margin:0 auto;padding:2rem;display:block}.hero h1{font-size:2.5rem;margin-bottom:1rem;color:#2c3e50}.hero p{font-size:1.2rem;margin-bottom:2rem;color:#555;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:1rem}.btn{padding:.8rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:700;transition:.2s ease}.btn.primary{background-color:#2c3e50;color:#fff}.btn.primary:hover{background-color:#34495e}.btn.secondary{border:2px solid #2c3e50;color:#2c3e50}.btn.secondary:hover{background-color:#2c3e50;color:#fff}.features{display:flex;justify-content:center;align-items:stretch;gap:2rem;margin-top:4rem;padding:0 2rem;flex-wrap:wrap}.feature-card{background:#f8f9fa;padding:2rem;border-radius:10px;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease}.feature-card h3{margin-bottom:.8rem;font-size:1.3rem;color:#2c3e50}.feature-card p{color:#555;font-size:1rem;line-height:1.4}.feature-card:hover{transform:translateY(-5px);box-shadow:0 4px 10px #00000026}.how-it-works{text-align:center;margin-top:5rem;padding:0 2rem}.how-it-works h2{font-size:2rem;margin-bottom:2rem;color:#2c3e50}.steps{display:flex;justify-content:center;align-items:stretch;gap:2rem;flex-wrap:wrap}.step{background:#f8f9fa;padding:2rem;border-radius:10px;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease;flex:1 1 250px;max-width:300px}.step:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.step-number{display:inline-block;width:40px;height:40px;line-height:40px;border-radius:50%;background-color:#2c3e50;color:#fff;font-weight:700;margin-bottom:1rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#2c3e50;color:#fff}.navbar h2{margin:0}.navbar a{margin-left:1rem;text-decoration:none;color:#fff;font-weight:500}.navbar a:hover{text-decoration:underline}.dashboard{padding:2rem;display:flex;flex-direction:column;gap:2rem;background:#f4f6f9;min-height:100vh}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease}.card:hover{transform:translateY(-4px)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.summary-cards .card{color:#fff;display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}.summary-cards .icon{font-size:2rem}.income{background:#27ae60}.expense{background:#e74c3c}.balance{background:#2980b9}.transaction-form{max-width:500px;margin:0 auto}.transaction-form form{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.transaction-form input,.transaction-form select{padding:.6rem;border:1px solid #ccc;border-radius:8px;flex:1;min-width:120px}.transaction-form button{background:#2c3e50;color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;transition:background .2s ease}.transaction-form button:hover{background:#34495e}.bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.transaction-list ul{list-style:none;margin:0;padding:0}.transaction-list li{padding:.8rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;font-size:.95rem}.transaction-list li span{font-weight:700;text-transform:capitalize}.chart-section{display:flex;flex-direction:column;align-items:center}.footer{text-align:center;padding:1.5rem;background-color:#2c3e50;color:#fff;margin-top:3rem;font-size:.9rem}.footer p{margin:0}
