*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#1a1a1a;background-color:#fff;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;line-height:1.25;color:#0a0a0a;margin-bottom:1rem}h1{font-size:3.75rem;font-weight:800;letter-spacing:-.02em}@media (max-width: 768px){h1{font-size:2.25rem}}h2{font-size:3rem;font-weight:800;letter-spacing:-.01em}@media (max-width: 768px){h2{font-size:1.875rem}}h3{font-size:2.25rem;font-weight:700}@media (max-width: 768px){h3{font-size:1.5rem}}h4{font-size:1.875rem;font-weight:600}h5{font-size:1.5rem;font-weight:600}h6{font-size:1.25rem;font-weight:600}p{margin-bottom:1rem;color:#404040;line-height:1.625}a{color:#06f;text-decoration:none;transition:color .15s cubic-bezier(0,0,.2,1)}a:hover{color:#0052cc}strong{font-weight:600}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}@media (max-width: 768px){.container{padding:0 1rem}}.section{padding:5rem 0}@media (max-width: 768px){.section{padding:4rem 0}}.section-lg{padding:8rem 0}@media (max-width: 768px){.section-lg{padding:5rem 0}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;min-height:44px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:1;text-align:center;text-decoration:none;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s cubic-bezier(0,0,.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:focus{outline:none;box-shadow:0 0 0 3px #06f3}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0052cc,#004299);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 1px 2px #0000000d}.btn-secondary{background:#f5f5f5;color:#1a1a1a;border:1px solid #CCCCCC}.btn-secondary:hover:not(:disabled){background:#e5e5e5;border-color:#999}.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn-outline{background:transparent;color:#06f;border:2px solid #0066FF}.btn-outline:hover:not(:disabled){background:#06f;color:#fff}.btn-outline:active:not(:disabled){transform:scale(.97)}.btn-lg{padding:1.25rem 2.5rem;font-size:1.125rem;min-height:52px}.btn-sm{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.card{background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;transition:all .3s cubic-bezier(0,0,.2,1)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.card-body{padding:2rem}.card-image{width:100%;height:auto;display:block}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.gradient-primary{background:linear-gradient(135deg,#06f,#0052cc)}.gradient-subtle{background:linear-gradient(135deg,#f5f5f5,#fff)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(0,0,.2,1)}.animate-slide-in{animation:slideIn .3s cubic-bezier(0,0,.2,1)}.hover-lift{transition:transform .2s cubic-bezier(0,0,.2,1)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .2s cubic-bezier(0,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:4px solid #E5E5E5;border-top-color:#06f;border-radius:9999px;animation:spin .8s linear infinite}