:root{--primary: #0D9488;--primary-dark: #0A7A70;--primary-light: #14B8A6;--primary-lighter: #5EEAD4;--primary-lightest: #CCFBF1;--white: #FFFFFF;--off-white: #F8FFFE;--gray-50: #F0FDFA;--gray-100: #E0F2F1;--gray-200: #B2DFDB;--gray-300: #80CBC4;--gray-400: #4DB6AC;--gray-500: #26A69A;--gray-600: #00897B;--gray-700: #00796B;--gray-800: #00695C;--gray-900: #004D40;--font-heading: "Baloo 2", cursive;--font-body: "Comic Neue", cursive;--font-arabic: "Amiri", serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(13,148,136,.08), inset 0 1px 0 rgba(255,255,255,.6);--shadow-md: 0 4px 16px rgba(13,148,136,.12), 0 2px 4px rgba(13,148,136,.06), inset 0 1px 0 rgba(255,255,255,.6);--shadow-lg: 0 8px 32px rgba(13,148,136,.16), 0 4px 8px rgba(13,148,136,.08), inset 0 1px 0 rgba(255,255,255,.6);--shadow-xl: 0 16px 48px rgba(13,148,136,.2), 0 8px 16px rgba(13,148,136,.1), inset 0 1px 0 rgba(255,255,255,.6);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--gray-800);background:var(--off-white);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--gray-900);line-height:1.2}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-heading);font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--white)}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--primary-lightest);transform:translateY(-2px);color:var(--primary-dark)}.btn-ghost{background:transparent;color:var(--primary);border:2px solid transparent}.btn-ghost:hover{background:var(--primary-lightest)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-flat{box-shadow:var(--shadow-sm)}.card-flat:hover{box-shadow:var(--shadow-md)}.input{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;transition:all var(--transition-fast);background:var(--white)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0d948826}.input::placeholder{color:var(--gray-400)}.badge-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:var(--radius-full);background:var(--primary-lightest);color:var(--primary-dark);font-family:var(--font-heading);font-size:.75rem;font-weight:600}.progress-ring{transform:rotate(-90deg)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.page{padding:var(--spacing-xl) 0;min-height:calc(100vh - 70px)}.page-header{margin-bottom:var(--spacing-2xl)}.page-title{font-size:2rem;margin-bottom:var(--spacing-xs)}.page-subtitle{color:var(--gray-600);font-size:1.1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-title{font-size:1.5rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-muted{color:var(--gray-500)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-heading{font-family:var(--font-heading)}.font-bold{font-weight:700}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.hidden{display:none!important}.w-full{width:100%}