*{margin:0;padding:0;box-sizing:border-box}:root{--color-white: rgba(255, 255, 255, 1);--color-cream-50: rgba(252, 252, 249, 1);--color-cream-100: rgba(255, 255, 253, 1);--color-gray-200: rgba(245, 245, 245, 1);--color-gray-300: rgba(167, 169, 169, 1);--color-gray-400: rgba(119, 124, 124, 1);--color-slate-900: rgba(19, 52, 59, 1);--color-charcoal-700: rgba(31, 33, 33, 1);--color-charcoal-800: rgba(38, 40, 40, 1);--color-teal-300: rgba(50, 184, 198, 1);--color-teal-400: rgba(45, 166, 178, 1);--color-teal-500: rgba(33, 128, 141, 1);--color-teal-800: rgba(41, 150, 161, 1);--color-red-500: rgba(192, 21, 47, 1);--color-teal-500-rgb: 33, 128, 141;--color-primary-rgb: 33, 128, 141;--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-gray-400);--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-400);--color-btn-primary-text: var(--color-cream-50);--color-card-border: rgba(var(--color-teal-500-rgb), .2);--color-error: var(--color-red-500);--font-family-base: "Helvetica Neue", Arial, sans-serif;--font-size-xs: 11px;--font-size-base: 14px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-medium: 500;--font-weight-semibold: 550;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-tight: -.01em;--space-4: 4px;--space-8: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--radius-sm: 6px;--radius-lg: 12px;--radius-xl: 48px;--radius-full: 9999px;--shadow-xl: 0 24px 80px rgba(0, 0, 0, .15);--shadow-glow: 0 0 30px rgba(var(--color-primary-rgb), .3);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, var(--color-error) 100%);--gradient-accent: linear-gradient(135deg, var(--color-primary) 0%, var(--color-teal-300) 100%);--gradient-dark: linear-gradient(145deg, var(--color-surface) 0%, var(--color-charcoal-800) 100%);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1)}[data-color-scheme=dark]{--color-background: var(--color-charcoal-700);--color-surface: var(--color-charcoal-800);--color-text: var(--color-gray-200);--color-text-secondary: var(--color-gray-300);--color-primary: var(--color-teal-300);--color-primary-hover: var(--color-teal-400);--color-btn-primary-text: var(--color-slate-900);--color-card-border: rgba(var(--color-teal-300-rgb), .2);--color-teal-300-rgb: 50, 184, 198;--color-primary-rgb: 50, 184, 198}body{font-family:var(--font-family-base);background:var(--color-background);color:var(--color-text);line-height:var(--line-height-normal);overflow-x:hidden;transition:background-color .3s,color .3s}.theme-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;border:1px solid var(--color-card-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);transition:all .3s}.theme-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:var(--shadow-glow)}.theme-btn .fa-sun{display:none}.theme-btn .fa-moon,[data-color-scheme=dark] .theme-btn .fa-sun{display:block}[data-color-scheme=dark] .theme-btn .fa-moon{display:none}.services-section{padding:var(--space-lg);background:var(--color-background);transition:background-color .3s}.magic-animation{position:relative;height:100vh;background:var(--gradient-dark);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.services-header{position:absolute;top:var(--space-2xl);right:var(--space-2xl);z-index:100}.services-title{font-size:clamp(var(--font-size-3xl),6vw,4rem);font-weight:var(--font-weight-bold);color:var(--color-text);text-transform:uppercase;text-align:right;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0}.title-decoration{width:100px;height:4px;background:var(--gradient-accent);margin:var(--space-md) 0 0 auto;border-radius:var(--radius-full)}.cards-container{position:relative;margin-top:160px;margin-left:112px}.service-card{position:absolute;width:380px;height:380px;will-change:transform}.service-card[data-service="01"]{left:0;top:30px}.service-card[data-service="02"]{left:150px;top:60px}.service-card[data-service="03"]{left:300px;top:90px}.service-card[data-service="04"]{left:450px;top:120px}.service-card[data-service="05"]{left:600px;top:150px}.service-card[data-service="06"]{left:750px;top:180px}.service-card[data-service="07"]{left:900px;top:210px}.service-card[data-service="08"]{left:1050px;top:240px}.card-background{position:absolute;inset:0;background:rgba(var(--color-surface),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-card-border);border-radius:var(--radius-lg);transition:var(--transition-normal)}.card-content{position:relative;height:100%;padding:var(--space-lg);display:flex;flex-direction:column;transition:var(--transition-normal)}.service-card:hover .card-background{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.service-card:hover .card-content{transform:translateY(-8px)}.card-number{position:absolute;top:var(--space-sm);left:var(--space-sm);font-size:4rem;font-weight:var(--font-weight-bold);color:var(--color-primary);opacity:.7;line-height:var(--line-height-tight)}.card-icon{position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:var(--font-size-3xl);color:var(--color-primary);opacity:.8}.card-info{margin-top:80px;flex-grow:1}.card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-sm);line-height:var(--line-height-tight)}.card-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--space-md)}.card-tags{display:flex;gap:var(--space-8);margin-bottom:var(--space-md);flex-wrap:wrap}.tag{background:rgba(var(--color-primary-rgb),.2);color:var(--color-primary);padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.card-cta{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:var(--transition-normal);font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.card-cta:hover{background:var(--color-primary);color:var(--color-btn-primary-text)}.card-cta i{transition:var(--transition-normal)}.card-cta:hover i{transform:translate(4px)}.special-card .card-background{background:var(--gradient-secondary)}.special-card .special-number{color:var(--color-text)}.special-card .special-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#fff3}.special-content{text-align:center;justify-content:center}.special-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-sm)}.special-description{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.special-features{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center;margin-bottom:var(--space-md)}.special-features span{background:#fff3;padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.special-cta{background:#fff3;border:1px solid rgba(255,255,255,.3);color:var(--color-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:var(--transition-normal);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.special-cta:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width: 1024px){.cards-container{margin-left:60px}.service-card{width:320px;height:320px}}@media (max-width: 768px){.services-header{position:static;text-align:center;padding:var(--space-lg)}.cards-container{margin-left:var(--space-md);margin-top:0}.service-card{width:280px;height:280px;position:relative!important;left:0!important;top:0!important;margin-bottom:var(--space-md)}}@media (max-width: 480px){.service-card{width:260px;height:260px}.card-content{padding:var(--space-md)}.card-title{font-size:var(--font-size-xl)}.card-description{font-size:var(--font-size-sm)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-card-background-light: rgba(255, 255, 255, .7);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-gray-400);--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-400);--color-btn-primary-text: var(--color-cream-50);--color-card-border: rgba(var(--color-teal-500-rgb), .2);--color-error: var(--color-red-500)}[data-color-scheme=dark]{--color-background: var(--color-charcoal-700);--color-surface: var(--color-charcoal-800);--color-card-background-dark: rgba(38, 40, 40, .7);--color-text: var(--color-gray-200);--color-text-secondary: var(--color-gray-300);--color-primary: var(--color-teal-300);--color-primary-hover: var(--color-teal-400);--color-btn-primary-text: var(--color-slate-900);--color-card-border: rgba(var(--color-teal-300-rgb), .2);--color-teal-300-rgb: 50, 184, 198;--color-primary-rgb: 50, 184, 198}.card-background{position:absolute;inset:0;background:var(--color-card-background-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--color-card-border);border-radius:var(--radius-lg);transition:var(--transition-normal);background-image:linear-gradient(180deg,#ffffff0d,#fff0,#0000000d);box-shadow:0 4px 15px #00000014}[data-color-scheme=dark] .card-background{background:var(--color-card-background-dark);background-image:linear-gradient(180deg,#ffffff05,#fff0,#00000014);box-shadow:0 4px 20px #0003}.service-card:hover .card-background{border-color:var(--color-primary);box-shadow:var(--shadow-glow),0 6px 20px #00000026;transform:translateY(-2px)}.special-card .card-background{background:var(--gradient-secondary);box-shadow:0 4px 20px #c0152f4d}[data-color-scheme=dark] .special-card .card-background{background:var(--gradient-secondary);box-shadow:0 4px 25px #c0152f66}.special-content{color:var(--color-text)}.special-description{color:rgba(var(--color-text-rgb),.8)}.special-features span{background:#ffffff40;color:var(--color-text)}.special-cta{background:#ffffff40;border:1px solid rgba(255,255,255,.4);color:var(--color-text)}.special-cta:hover{background:#fff6}:root{--color-text-rgb: 19, 52, 59}[data-color-scheme=dark]{--color-text-rgb: 245, 245, 245}