:root{--color-bg: #ffffff;--color-bg-alt: #f6f5f2;--color-text: #1a1d1f;--color-text-muted: #5c6166;--color-text-medium: #3a3f44;--color-border: #d9d8d3;--color-border-subtle: rgba(0, 0, 0, .08);--color-primary: #0b6b69;--color-primary-dark: #085553;--color-on-primary: #ffffff;--color-card-bg: #ffffff;--color-tag-bg: #e3f1ef;--color-tag-text: #0b5553;--color-nav-bg: rgba(255, 255, 255, .95);--color-nav-mobile-bg: rgba(255, 255, 255, .98);--color-hamburger: #3a3f44;--color-hero-from: #f1f7f6;--color-hero-mid: #ffffff;--color-hero-to: #f6f5f2;--color-footer-bg: #1a1d1f;--color-footer-text: #d6d9da;--color-footer-link: #a3aaae;--color-card-border: transparent}[data-theme=dark]{--color-bg: #111416;--color-bg-alt: #1a1f22;--color-text: #eef0f0;--color-text-muted: #9aa3a8;--color-text-medium: #c9cfd2;--color-border: #2c3438;--color-border-subtle: rgba(255, 255, 255, .08);--color-primary: #5ec4bd;--color-primary-dark: #7fd3cd;--color-on-primary: #0b1a1a;--color-card-bg: #1a1f22;--color-tag-bg: #16302f;--color-tag-text: #9fdcd6;--color-nav-bg: rgba(17, 20, 22, .95);--color-nav-mobile-bg: rgba(17, 20, 22, .98);--color-hamburger: #c9cfd2;--color-hero-from: #111416;--color-hero-mid: #111416;--color-hero-to: #132020;--color-footer-bg: #0b0d0e;--color-footer-text: #9aa3a8;--color-footer-link: #7d868b;--color-card-border: #2c3438}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;background-color:var(--color-bg);color:var(--color-text);transition:background-color .2s,color .2s}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}html{scroll-behavior:smooth}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn-primary{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background-color:var(--color-primary);color:var(--color-on-primary);font-weight:500;border-radius:.5rem;text-decoration:none;transition:background-color .2s;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:0 10px 15px -3px #0000001a}.btn-secondary{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border:2px solid var(--color-border);color:var(--color-text-medium);font-weight:500;border-radius:.5rem;text-decoration:none;transition:all .2s;background-color:var(--color-bg)}.btn-secondary:hover{border-color:var(--color-text-muted);background-color:var(--color-bg-alt)}.section{padding:5rem 0}.section-title{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--color-text)}.section-divider{width:6rem;height:.25rem;background-color:var(--color-primary);margin:0 auto 4rem}.card{background-color:var(--color-card-bg);border-radius:.5rem;border:1px solid var(--color-card-border);box-shadow:0 4px 6px -1px #0000001a;padding:2rem;transition:box-shadow .2s,background-color .2s}.card:hover{box-shadow:0 10px 15px -3px #0000001a}.tag{display:inline-block;padding:.25rem .75rem;background-color:var(--color-tag-bg);color:var(--color-tag-text);font-size:.875rem;font-weight:500;border-radius:9999px;margin:.125rem}.text-gradient{color:var(--color-primary)}.badge-current{background-color:var(--color-tag-bg);color:var(--color-tag-text)}.badge-ongoing{background-color:#fef3c7;color:#92400e}.badge-completed{background-color:var(--color-bg-alt);color:var(--color-text-medium);border:1px solid var(--color-border)}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-bounce{animation:bounce 2s infinite}.grid{display:grid;gap:2rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-4>*+*{margin-left:1rem}.space-y-4>*+*{margin-top:1rem}@media (max-width: 768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.section-title{font-size:1.875rem}.container{padding:0 1rem}}
