@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Fraunces:wght@700;900&display=swap";:root{--blue: #0066FF;--blue-lt: #3385FF;--blue-pale: #EBF2FF;--cyan: #00C2FF;--green: #00B37E;--orange: #FF6B2B;--red: #E11D48;--purple: #7B2FF7;--bg: #FAFBFF;--bg2: #F0F4FF;--white: #FFFFFF;--dark: #0A0E1A;--dark2: #141827;--dark3: #1E2436;--text: #0A0E1A;--text2: #3A4060;--text3: #6B728F;--border: #E2E8F5;--border2: #C8D4EE;--font-head: "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--r-sm: 8px;--r: 13px;--r-lg: 20px;--r-xl: 28px;--shadow-sm: 0 2px 8px rgba(0,30,100,.07);--shadow: 0 4px 24px rgba(0,30,100,.1);--shadow-lg: 0 12px 48px rgba(0,30,100,.14);--shadow-blue: 0 6px 28px rgba(0,102,255,.28);--ease: cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--blue);border-radius:99px}::selection{background:#0066ff26}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 16px}@media (min-width: 480px){.container{padding:0 20px}}@media (min-width: 768px){.container{padding:0 28px}}@media (min-width: 1024px){.container{padding:0 32px}}.section{padding:56px 0}.section-sm{padding:40px 0}@media (min-width: 768px){.section{padding:80px 0}.section-sm{padding:56px 0}}@media (min-width: 1024px){.section{padding:96px 0}.section-sm{padding:64px 0}}.h-display{font-family:var(--font-head);font-weight:900;line-height:1.05;letter-spacing:-.025em;color:var(--dark);font-size:32px}@media (min-width: 480px){.h-display{font-size:40px}}@media (min-width: 768px){.h-display{font-size:52px}}@media (min-width: 1024px){.h-display{font-size:66px}}.h-section{font-family:var(--font-head);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--dark);font-size:26px}@media (min-width: 480px){.h-section{font-size:30px}}@media (min-width: 768px){.h-section{font-size:38px}}@media (min-width: 1024px){.h-section{font-size:46px}}.label{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--blue);display:block}@media (min-width: 768px){.label{font-size:12px}}.body-lg{font-size:15px;line-height:1.75;color:var(--text2)}@media (min-width: 768px){.body-lg{font-size:17px}}@media (min-width: 1024px){.body-lg{font-size:18px}}.body-sm{font-size:13px;line-height:1.65;color:var(--text3)}@media (min-width: 768px){.body-sm{font-size:14px}}.grad{background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 22px;border-radius:99px;font-weight:700;font-size:14px;border:none;transition:all .22s var(--ease);white-space:nowrap;cursor:pointer;font-family:var(--font-body);line-height:1}@media (min-width: 768px){.btn{padding:13px 26px;font-size:15px}}.btn-primary{background:var(--blue);color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover{background:var(--blue-lt);transform:translateY(-2px);box-shadow:0 10px 36px #0066ff59}.btn-outline{background:#fff;color:var(--blue);border:1.5px solid var(--border2)}.btn-outline:hover{border-color:var(--blue);background:var(--blue-pale);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text2);border:1.5px solid var(--border)}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}.btn-sm{padding:8px 16px;font-size:12px}@media (min-width: 768px){.btn-sm{padding:9px 18px;font-size:13px}}.btn-lg{padding:14px 30px;font-size:15px}@media (min-width: 768px){.btn-lg{padding:16px 36px;font-size:16px}}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:all .25s var(--ease)}.card:hover{border-color:#06f3;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.05em}@media (min-width: 768px){.badge{font-size:12px;padding:5px 14px}}.badge-blue{background:var(--blue-pale);color:var(--blue)}.badge-green{background:#e6fbf5;color:var(--green)}.badge-orange{background:#fff0e8;color:var(--orange)}.chip{display:inline-block;padding:2px 9px;border-radius:6px;font-size:11px;font-weight:600;background:var(--bg2);color:var(--text3);border:1px solid var(--border)}input,textarea,select{font-family:var(--font-body);font-size:14px;background:var(--white);border:1.5px solid var(--border2);color:var(--text);border-radius:var(--r);padding:11px 14px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}@media (min-width: 768px){input,textarea,select{font-size:15px;padding:12px 15px}}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0066ff1a}input::placeholder,textarea::placeholder{color:var(--text3)}label{display:block;font-size:13px;font-weight:600;color:var(--text2);margin-bottom:5px}.section-header{text-align:center;max-width:540px;margin:0 auto 36px}@media (min-width: 768px){.section-header{margin-bottom:52px}}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:14px}.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:1px}@media (min-width: 480px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 768px){.grid-3{grid-template-columns:repeat(2,1fr);gap:20px}.grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.grid-2{gap:24px}.grid-3{grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{gap:1px}}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:9999;transition:width .1s linear;border-radius:0 2px 2px 0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.8);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
