@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";
:root{--blue-900:#0f2356;--blue-800:#1a3470;--blue-700:#1d4ed8;--blue-100:#eff6ff;--blue-50:#f0f4ff;--teal-700:#0d9488;--teal-600:#0f9d8a;--teal-500:#14b8a6;--teal-100:#ccfbf1;--teal-50:#f0fdfa;--slate-900:#0f172a;--slate-700:#334155;--slate-500:#64748b;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#fff;--success:var(--teal-700);--primary:var(--blue-900);--danger:#dc2626;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 16px #0f235614, 0 2px 6px #0000000d;--shadow-lg:0 12px 40px #0f23561f, 0 4px 12px #00000012;--shadow-xl:0 24px 64px #0f235629;--transition:all .22s cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--white);color:var(--slate-700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}img{max-width:100%;display:block}.serif{font-family:var(--font-serif)}h1,h2,h3{font-family:var(--font-serif);color:var(--slate-900);line-height:1.15}h1{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800}h2{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700}h3{font-size:1.25rem;font-weight:600}p{color:var(--slate-500);line-height:1.7}.container{max-width:1160px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.section-alt{background:var(--slate-50)}.btn{border-radius:var(--radius-md);transition:var(--transition);white-space:nowrap;cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--blue-900);color:var(--white)}.btn-primary:hover{background:var(--blue-800);transform:translateY(-2px);box-shadow:0 8px 24px #0f235647}.btn-teal{background:var(--teal-700);color:var(--white)}.btn-teal:hover{background:var(--teal-600);transform:translateY(-2px);box-shadow:0 8px 24px #0d948859}.btn-outline{color:var(--blue-900);border:2px solid var(--blue-900);background:0 0}.btn-outline:hover{background:var(--blue-50);transform:translateY(-2px)}.btn-outline-white{color:var(--white);background:0 0;border:2px solid #ffffff80}.btn-outline-white:hover{border-color:var(--white);background:#ffffff1a}.btn-lg{border-radius:var(--radius-lg);padding:1rem 2.5rem;font-size:1.1rem}.btn-xl{border-radius:var(--radius-lg);padding:1.2rem 3rem;font-size:1.15rem}.badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-teal{background:var(--teal-100);color:var(--teal-700);border:1px solid #0d948833}.badge-blue{background:var(--blue-100);color:var(--blue-700);border:1px solid #1d4ed833}.badge-won{color:#15803d;background:#dcfce7;border:1px solid #15803d33}.badge-waiting{color:#a16207;background:#fef9c3;border:1px solid #a1620733}.badge-lost{color:#991b1b;background:#fee2e2;border:1px solid #991b1b33}.card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);padding:2rem}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--slate-300);transform:translateY(-3px)}.divider{background:var(--slate-200);border:none;height:1px;margin:0}.section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.section-header .eyebrow{margin-bottom:.75rem}.section-header h2{margin-bottom:1rem}.section-header p{font-size:1.1rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-up{animation:.65s cubic-bezier(.22,1,.36,1) both fadeUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.22s}.delay-3{animation-delay:.34s}.delay-4{animation-delay:.46s}.delay-5{animation-delay:.58s}
