:root{--climbex-primary: #3265a8;--climbex-secondary: #2d5a87;--climbex-accent: #4a90e2;--climbex-orange: #f56d05;--climbex-dark: #1a1a1a;--climbex-light: #f8f9fa;--climbex-white: #ffffff;--climbex-gray: #6c757d;--climbex-light-gray: #e9ecef}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--climbex-dark);background-color:var(--climbex-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}@media (max-width: 768px){body{font-size:16px;line-height:1.5}*{animation-duration:.3s!important;transition-duration:.3s!important}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{font-size:2.5rem;font-weight:700;color:var(--climbex-primary);margin-bottom:1rem;text-align:center}.section-subtitle{font-size:1.2rem;color:var(--climbex-gray);text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-block;padding:12px 30px;border:none;border-radius:8px;text-decoration:none;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;font-size:.95rem}.btn.btn-primary{background-color:var(--climbex-primary);color:var(--climbex-white);border:2px solid var(--climbex-primary)}.btn.btn-primary:hover{background-color:var(--climbex-secondary);border-color:var(--climbex-secondary);transform:translateY(-2px);box-shadow:0 6px 20px #1a365d40}.btn.btn-secondary{background-color:transparent;color:var(--climbex-primary);border:2px solid var(--climbex-primary)}.btn.btn-secondary:hover{background-color:var(--climbex-primary);color:var(--climbex-white);transform:translateY(-2px);box-shadow:0 6px 20px #1a365d40}.card{background:var(--climbex-white);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.grid{display:grid;gap:2rem}.grid.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.section{padding:60px 0}.section-title{font-size:2rem}.container{padding:0 15px}}
