.min-h-screen[data-v-0bc995fc]{overflow-x:hidden}[data-v-0bc995fc]{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}[data-v-0bc995fc]:root{--primary: #0099FF;--primary-dark: #0077CC;--white: #FFFFFF;--navy: #0A2540;--gray-text: #6B7280;--gray-light: #F3F4F6;--border: #D1D5DB;--success: #16A34A;--warning: #F59E0B;--danger: #DC2626;--soft-blue: #E6F4FF;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px}body[data-v-0bc995fc]{margin:0;background-color:var(--white);color:var(--gray-text);line-height:1.6}.container[data-v-0bc995fc]{max-width:100%;padding:var(--spacing-sm)}.header[data-v-0bc995fc]{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-navy) 100%);color:var(--white);padding:var(--spacing-md) var(--spacing-sm);border-radius:0 0 16px 16px;box-shadow:0 4px 12px #09f3;margin-bottom:var(--spacing-lg)}.logo[data-v-0bc995fc]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:700}.sma[data-v-0bc995fc]{background-color:#16a34a}.logo-icon[data-v-0bc995fc]{background-color:var(--white);color:var(--primary-blue);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.header h1[data-v-0bc995fc]{margin-top:var(--spacing-sm);font-size:1.8rem}.palette-section[data-v-0bc995fc]{margin-bottom:var(--spacing-xl)}.section-title[data-v-0bc995fc]{color:var(--dark-navy);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--light-sky-blue)}.color-grid[data-v-0bc995fc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.color-item[data-v-0bc995fc]{border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.color-item[data-v-0bc995fc]:hover{transform:translateY(-5px)}.color-preview[data-v-0bc995fc]{height:100px;display:flex;align-items:center;justify-content:center}.color-info[data-v-0bc995fc]{padding:var(--spacing-sm);background-color:var(--white)}.color-name[data-v-0bc995fc]{font-weight:600;margin-bottom:4px}.color-hex[data-v-0bc995fc]{font-family:monospace;font-size:.9rem;color:var(--secondary-text)}.components-section[data-v-0bc995fc]{margin-bottom:var(--spacing-xl)}.component-grid[data-v-0bc995fc]{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:768px){.component-grid[data-v-0bc995fc]{grid-template-columns:repeat(2,1fr)}}.component-card[data-v-0bc995fc]{background-color:var(--white);border-radius:12px;padding:var(--spacing-md);box-shadow:0 4px 8px #0000000d}.button[data-v-0bc995fc]{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease;text-align:center}.button-primary[data-v-0bc995fc]{background-color:var(--primary-blue);color:var(--white)}.button-primary[data-v-0bc995fc]:hover{background-color:var(--dark-navy)}.button-secondary[data-v-0bc995fc]{background-color:var(--cta-teal);color:var(--white)}.button-secondary[data-v-0bc995fc]:hover{background-color:var(--success-green)}.button-outline[data-v-0bc995fc]{background-color:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.button-outline[data-v-0bc995fc]:hover{background-color:var(--light-sky-blue)}.alert[data-v-0bc995fc]{padding:var(--spacing-sm);border-radius:8px;margin-bottom:var(--spacing-sm)}.alert-success[data-v-0bc995fc]{background-color:#00b8941a;border-left:4px solid var(--success-green);color:var(--primary-text)}.alert-warning[data-v-0bc995fc]{background-color:#f39c121a;border-left:4px solid var(--alert-orange);color:var(--primary-text)}.card[data-v-0bc995fc]{background-color:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0000000d}.card-header[data-v-0bc995fc]{background-color:var(--light-sky-blue);padding:var(--spacing-md);color:var(--dark-navy);font-weight:600}.card-body[data-v-0bc995fc]{padding:var(--spacing-md)}.course-tag[data-v-0bc995fc]{display:inline-block;padding:6px 12px;background-color:var(--light-sky-blue);color:var(--dark-navy);border-radius:20px;font-size:.9rem;margin-right:8px;margin-bottom:8px}.text-primary[data-v-0bc995fc]{color:var(--primary-blue)}.text-secondary[data-v-0bc995fc]{color:var(--secondary-text)}.bg-highlight[data-v-0bc995fc]{background-color:var(--light-sky-blue)}.footer[data-v-0bc995fc]{background-color:var(--dark-navy);color:var(--white);padding:var(--spacing-lg) var(--spacing-sm);text-align:center;border-radius:16px 16px 0 0;margin-top:var(--spacing-xl)}.footer a[data-v-0bc995fc]{color:var(--primary-blue)}