*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:#fff;color:#475569;border-color:#e2e8f0}.btn-secondary:hover{background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.grid{display:grid;gap:20px}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:3fr 1fr}