@import "https://fonts.googleapis.com/css2?family=Andika:wght@400;700&display=swap";:root{--primary:#0ea5e9;--primary-dark:#1565c0;--success:#228b22;--warning:#f57c00;--bg:#f4f7f6;--text-dark:#1e293b}body{background-color:var(--bg);color:var(--text-dark);margin:0;font-family:Andika,Nunito,Segoe UI,system-ui,sans-serif}.app-header{background:#fff;padding:15px 30px;box-shadow:0 2px 10px #0000000d}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo{color:var(--primary);font-size:1.5rem;font-weight:800}.hero-banner{background:var(--primary);color:#fff;text-align:center;padding:60px 20px}.hero-banner h1{margin:0 0 10px;font-size:2.5rem}.hero-banner p{opacity:.9;margin:0;font-size:1.2rem}.grid-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;max-width:1200px;margin:0 auto;padding:40px 20px;display:grid}.card{text-align:center;cursor:pointer;background:#fff;border-radius:16px;padding:30px;transition:transform .2s;box-shadow:0 4px 15px #0000000d}.card:hover{transform:translateY(-5px)}.card-header{margin-bottom:15px;font-size:4rem}.card-body h3{color:var(--text-dark);margin:0 0 10px;font-size:1.4rem}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:700;transition:background-color .2s}.btn:hover{background:var(--primary-dark)}