:root{--color-primary: #3498db;--color-secondary: #2ecc71;--color-accent-red: #e74c3c;--color-accent-orange: #f39c12;--color-accent-purple: #9b59b6;--color-dark: #2c3e50;--color-dark-secondary: #34495e;--color-text: #2c3e50;--color-text-muted: #666;--color-text-light: #7f8c8d;--color-background: #f5f5f5;--color-background-light: #f8f9fa;--color-surface: #ffffff;--color-border: #e0e0e0;--color-border-light: #e9ecef;--gradient-primary: linear-gradient(135deg, var(--color-primary), #2980b9);--gradient-secondary: linear-gradient(135deg, var(--color-secondary), #27ae60);--gradient-rainbow: linear-gradient(90deg, var(--color-primary), var(--color-secondary), var(--color-accent-red), var(--color-accent-orange));--gradient-surface: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);--gradient-text: linear-gradient(135deg, var(--color-dark) 0%, var(--color-dark-secondary) 100%);--gradient-shimmer: linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent);--gradient-badge: linear-gradient(45deg, #ff6b6b, #feca57);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--border-radius-xl: 50px;--border-radius-full: 50%;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 15px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 35px rgba(0, 0, 0, .15);--shadow-xxl: 0 20px 40px rgba(0, 0, 0, .15);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-shimmer: .6s ease;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--z-index-base: 1;--z-index-overlay: 10;--z-index-modal: 100;--z-index-toast: 1000}@custom-media --mobile (max-width: 480px);@custom-media --tablet (max-width: 768px);@custom-media --desktop (min-width: 769px);@custom-media --large-desktop (min-width: 1200px);.section{margin:var(--spacing-xl) 0;padding:var(--spacing-lg) 0}.section--gradient{background:var(--gradient-surface);border-radius:var(--border-radius-lg);position:relative;overflow:hidden}.section--rainbow-border:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-rainbow)}.section__container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.section__container--narrow{max-width:1000px}.heading{text-align:center;margin-bottom:var(--spacing-lg)}.heading__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-xs);background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.heading__subtitle{font-size:var(--font-size-xl);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.heading--with-decoration{position:relative}.heading__decoration{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.heading__decoration-line{height:2px;width:60px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);border-radius:1px}.heading__decoration-icon{font-size:var(--font-size-3xl);background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}.card{background:var(--color-surface);border-radius:var(--border-radius-lg);text-decoration:none;color:inherit;overflow:hidden;box-shadow:var(--shadow-lg);transition:var(--transition-slow);position:relative;display:block}.card--interactive{cursor:pointer}.card--interactive:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-shimmer);transition:left var(--transition-shimmer);z-index:var(--z-index-base)}.card--interactive:hover:before{left:100%}.card--interactive:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-xxl)}.card--vertical{display:flex;flex-direction:column;min-height:240px}.card--horizontal{display:flex;align-items:center;padding:var(--spacing-sm);transition:background-color var(--transition-fast)}.card--horizontal:hover{background-color:var(--color-surface);border-radius:var(--border-radius-sm)}.card--horizontal .card__content{padding:0;flex:1;margin:0 var(--spacing-sm)}.card--horizontal .card__title{font-size:var(--font-size-lg);margin-bottom:.2rem}.card--horizontal .card__description{font-size:var(--font-size-sm);margin:0}.card--compact{padding:var(--spacing-sm);background:var(--color-background-light);border-radius:var(--border-radius-sm);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-normal);margin-bottom:var(--spacing-xs)}.card--compact:last-child{border-bottom:none;margin-bottom:0}.card--compact:hover{background:var(--color-surface)}.card--compact .card__title{font-size:var(--font-size-base);margin-bottom:.2rem}.card--compact .card__description{font-size:var(--font-size-xs)}.card--featured{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card--featured .card__title,.card--featured .card__description{color:#fff}.card--primary{border-top:4px solid var(--color-primary)}.card--secondary{border-top:4px solid var(--color-secondary)}.card--accent{border-top:4px solid var(--color-accent-red)}.card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm);position:relative}.card__icon{font-size:var(--font-size-4xl);padding:var(--spacing-sm);border-radius:var(--border-radius-full);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform var(--transition-normal);min-width:50px;text-align:center}.card__icon--primary{background:var(--gradient-primary)}.card__icon--secondary{background:var(--gradient-secondary)}.card__icon--accent{color:var(--color-primary);background:none;padding:0;margin-right:var(--spacing-sm);font-size:var(--font-size-2xl);min-width:auto}.card--interactive:hover .card__icon{transform:rotate(10deg) scale(1.1)}.card__content{padding:0 var(--spacing-lg);flex:1}.card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.card__description{color:var(--color-text-muted);line-height:var(--line-height-relaxed);font-size:var(--font-size-base)}.card__footer{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);margin-top:auto}.badge{display:inline-block;padding:.3rem .8rem;border-radius:var(--border-radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.badge--primary{background:var(--gradient-badge);color:#fff}.badge--muted{background:var(--color-border-light);color:var(--color-text-light)}.badge--accent{background:var(--color-accent-red);color:#fff}.action-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all var(--transition-normal);text-decoration:none}.action-link:hover{color:#2980b9;transform:translate(4px)}.action-link__arrow{transition:transform var(--transition-normal)}.grid{display:grid;gap:var(--spacing-lg)}.grid--responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--responsive-small{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid--responsive-large{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid--cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}@media (max-width: 768px){.section{margin:var(--spacing-lg) 0;padding:var(--spacing-md) 0}.section__container{padding:0 var(--spacing-sm)}.heading__title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.heading__subtitle{font-size:var(--font-size-lg)}.heading__decoration-line{width:40px}.grid--responsive,.grid--responsive-small,.grid--responsive-large,.grid--cards{grid-template-columns:1fr;gap:var(--spacing-md)}.card__header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}.card__content{padding:0 var(--spacing-md)}.card__footer{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.card__icon{font-size:var(--font-size-3xl);padding:.6rem}.card__title{font-size:var(--font-size-lg)}.card__description{font-size:var(--font-size-sm)}}@media (max-width: 480px){.section{margin:var(--spacing-md) 0;padding:var(--spacing-sm) 0}.heading__title{font-size:var(--font-size-2xl)}.card__icon{font-size:var(--font-size-2xl);padding:.5rem}}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mt-0{margin-top:0}.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-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.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)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-auto{overflow:auto}.bg-transparent{background-color:transparent}.bg-surface{background-color:var(--color-surface)}.bg-light{background-color:var(--color-background-light)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:var(--border-radius-full)}.border{border:1px solid var(--color-border)}.border-light{border:1px solid var(--color-border-light)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.select-none{user-select:none}.select-text{user-select:text}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transition-none{transition:none}.transition-fast{transition:var(--transition-fast)}.transition-normal{transition:var(--transition-normal)}.transition-slow{transition:var(--transition-slow)}.transition-all{transition-property:all}.transition-colors{transition-property:color,background-color,border-color}.transition-transform{transition-property:transform}.mobile-only{display:block}.tablet-up,.desktop-up{display:none}@media (min-width: 481px){.mobile-only{display:none}.tablet-up{display:block}}@media (min-width: 769px){.desktop-up{display:block}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-outline:focus{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideUp{animation:slideUp .6s ease-out}.animate-pulse{animation:pulse 2s infinite}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#2c3e50;background-color:#f5f5f5}