:root{--ring: 0 0% 9%;--navy-900: rgb(15, 23, 42);--navy-800: rgb(30, 41, 59);--navy-700: rgb(51, 65, 85);--indigo-600: rgb(79, 70, 229);--indigo-500: rgb(99, 102, 241);--red-600: rgb(220, 38, 38);--red-500: rgb(239, 68, 68)}html{scroll-behavior:smooth}.nav-link{transition:opacity .2s;color:var(--navy-700)}.nav-link:hover{opacity:.7}.card{border:1px solid rgb(226,232,240);border-radius:1rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;background-color:#fff}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:opacity .2s;cursor:pointer;text-decoration:none}.btn-primary{background-color:var(--indigo-600);color:#fff}.btn-primary:hover{opacity:.9}.btn-outline{border:1px solid rgb(226,232,240);background-color:transparent}.btn-outline:hover{opacity:.7}.badge{padding:.25rem .75rem;border-radius:.75rem;background-color:#eef2ff;color:var(--indigo-600);font-size:.875rem;line-height:1.25rem}h1,h2,h3{color:var(--navy-900)}