*,*:before,*:after{box-sizing:border-box}html,body{width:100%;max-width:100vw;overflow-x:hidden;margin:0;padding:0;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;font-weight:400;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.25;margin-top:0;letter-spacing:-.02em}p{color:var(--text-secondary);margin-top:0}a{color:var(--primary-color);text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--primary-hover)}img,svg,video,iframe{max-width:100%;height:auto}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.page-container{padding:var(--spacing-xl, 2.5rem) 0;max-width:1280px;margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.gap-xl{gap:2rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.card-body{padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;border:none;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap}.btn-primary,.primary-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff!important;box-shadow:var(--shadow-glow)}.btn-primary:hover,.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -6px var(--primary-glow);opacity:.95}.btn-secondary,.secondary-btn{background-color:var(--bg-tertiary);color:var(--text-primary)!important;border:1px solid var(--border-color)}.btn-secondary:hover,.secondary-btn:hover{background-color:var(--border-color);transform:translateY(-2px)}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)!important}.btn-outline:hover{background-color:var(--primary-color);color:#fff!important;transform:translateY(-2px)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:20px;box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600}.badge-primary{background:var(--primary-light);color:var(--primary-color)}.badge-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.highlight-gradient{background:var(--heading-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.highlight{color:var(--primary-color)}@media (max-width: 992px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.btn{width:100%;justify-content:center}}@keyframes animFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes animFloatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.5deg)}}@keyframes animPulseGlow{0%,to{box-shadow:0 4px 14px #3d759340,0 0 #52c3ff66}50%{box-shadow:0 8px 24px #52c3ff73,0 0 0 6px #52c3ff26}}@keyframes animShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes animFadeInUp{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes animScalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.anim-card-hover{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .25s ease!important;will-change:transform}.anim-card-hover:hover{transform:translateY(-8px) scale(1.015)!important;box-shadow:0 20px 40px -10px #3d759338,0 0 0 1.5px #52c3ff73!important}.anim-float{animation:animFloat 3s ease-in-out infinite;will-change:transform}.anim-float-slow{animation:animFloatSlow 4.5s ease-in-out infinite;will-change:transform}.anim-btn-glow{animation:animPulseGlow 2.5s ease-in-out infinite;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}.anim-btn-glow:hover{animation:none;transform:translateY(-3px) scale(1.03)!important;box-shadow:0 12px 28px -2px #3d759380!important}.anim-btn-glow:active{transform:translateY(0) scale(.98)!important}.anim-shimmer{background:linear-gradient(90deg,#fff0,#ffffff73,#fff0);background-size:200% 100%;animation:animShimmer 3s infinite}.anim-fade-in-up{animation:animFadeInUp .65s cubic-bezier(.16,1,.3,1) forwards}@media (prefers-reduced-motion: reduce){.anim-float,.anim-float-slow,.anim-btn-glow,.anim-shimmer,.anim-fade-in-up{animation:none!important;transition:none!important}}app-root{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app-main-content{flex:1 0 auto;padding-top:72px}.section-container{padding:4rem 0}.section-header{text-align:center;max-width:760px;margin:0 auto 3rem}.section-header h2{font-size:clamp(1.8rem,3.5vw,2.5rem);color:var(--text-primary);margin-bottom:.75rem}.section-badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary-color);background:var(--primary-light);padding:.35rem .85rem;border-radius:9999px;margin-bottom:.75rem}.section-sub{font-size:1.05rem;color:var(--text-secondary);line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards}:root,[data-theme=light],.light-theme{--ion-color-primary: #3d7593;--ion-color-primary-rgb: 61, 117, 147;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #315e77;--ion-color-primary-tint: #26495c;--ion-color-sky: #52c3ff;--ion-color-sky-rgb: 61, 117, 147;--ion-color-sky-contrast: #000000;--ion-color-sky-contrast-rgb: 255, 255, 255;--ion-color-sky-shade: #9bdcff;--ion-color-sky-tint: #307194;--ion-color-fire: #f9ae2b;--ion-color-fire-rgb: 61, 117, 147;--ion-color-fire-contrast: #ffffff;--ion-color-fire-contrast-rgb: 255, 255, 255;--ion-color-fire-shade: #fcd084;--ion-color-fire-tint: #906519;--ion-color-land: #3f2611;--ion-color-land-rgb: 63, 38, 17;--ion-color-land-contrast: #ffffff;--ion-color-land-contrast-rgb: 255, 255, 255;--ion-color-land-shade: #908175;--ion-color-land-tint: #25160a;--ion-color-desire: #ba4073;--ion-color-desire-rgb: 186, 64, 115;--ion-color-desire-contrast: #ffffff;--ion-color-desire-contrast-rgb: 255, 255, 255;--ion-color-desire-shade: #d790ae;--ion-color-desire-tint: #6c2543;--ion-color-blush: #f79cb4;--ion-color-blush-rgb: 186, 64, 115;--ion-color-blush-contrast: #000000;--ion-color-blush-contrast-rgb: 255, 255, 255;--ion-color-blush-shade: #fac6d4;--ion-color-blush-tint: #8f5a68;--ion-color-mint: #99edc3;--ion-color-mint-rgb: 153, 237, 195;--ion-color-mint-contrast: #000000;--ion-color-mint-contrast-rgb: 255, 255, 255;--ion-color-mint-shade: #c4f5dc;--ion-color-mint-tint: #598971;--ion-color-pistachio: #b2d3c2;--ion-color-pistachio-rgb: 178, 211, 194;--ion-color-pistachio-contrast: #000000;--ion-color-pistachio-contrast-rgb: 255, 255, 255;--ion-color-pistachio-shade: #d2e5dc;--ion-color-pistachio-tint: #677a71;--garden-primary: var(--ion-color-primary);--garden-primary-light: var(--ion-color-sky);--garden-primary-bg: #e8f4f8;--garden-secondary: var(--ion-color-mint);--garden-secondary-light: var(--ion-color-pistachio);--garden-accent: var(--ion-color-fire);--garden-accent-light: #ffc947;--garden-success: var(--ion-color-mint);--garden-warning: var(--ion-color-fire);--garden-warning-light: #ffd93d;--garden-danger: #ef4444;--garden-danger-light: #fca5a5;--garden-earth: var(--ion-color-land);--garden-earth-light: #8b7355;--garden-surface: #ffffff;--garden-surface-alt: #f8f9fa;--garden-border: #e1e8ed;--garden-text: var(--ion-color-primary);--garden-text-muted: #6b7280;--garden-background: var(--ion-background-color, #eaf7ff);--garden-radius: .5rem;--garden-radius-lg: 1rem;--garden-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--garden-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--garden-transition: all .2s ease-in-out;--primary-color: #3d7593;--primary-hover: #315e77;--primary-light: #e8f4f8;--primary-glow: rgba(61, 117, 147, .25);--secondary-color: #f8f9fa;--accent-color: #52c3ff;--accent-glow: rgba(82, 195, 255, .25);--success-color: #10b981;--warning-color: #f9ae2b;--info-color: #52c3ff;--danger-color: #ef4444;--bg-primary: #eaf7ff;--bg-secondary: #f4fbff;--bg-tertiary: #e1e8ed;--bg-card: #ffffff;--bg-card-hover: #f8f9fa;--bg-glass: rgba(255, 255, 255, .92);--bg-hero: linear-gradient(135deg, #eaf7ff 0%, #e8f4f8 50%, #ffffff 100%);--bg-gradient-pill: linear-gradient(135deg, rgba(61, 117, 147, .12) 0%, rgba(82, 195, 255, .1) 100%);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #6b7280;--text-inverse: #ffffff;--heading-gradient: linear-gradient(135deg, #26495c 0%, #3d7593 50%, #52c3ff 100%);--border-color: #e1e8ed;--border-light: #edf2f7;--border-glass: rgba(61, 117, 147, .08);--navbar-bg: rgba(255, 255, 255, .94);--navbar-border: rgba(225, 232, 237, .8);--footer-bg: #26495c;--footer-text: #c2d9e5;--footer-heading: #ffffff;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(61, 117, 147, .1), 0 2px 4px -1px rgba(61, 117, 147, .06);--shadow-lg: 0 10px 15px -3px rgba(61, 117, 147, .12), 0 4px 6px -2px rgba(61, 117, 147, .08);--shadow-glow: 0 10px 30px -5px rgba(61, 117, 147, .28);--toggle-bg: #d2e4ee;--toggle-thumb: #ffffff;--toggle-icon: #f9ae2b}.dark-theme,[data-theme=dark]{--ion-color-primary: #4a9eff;--ion-color-primary-rgb: 74, 158, 255;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #4189e0;--ion-color-primary-tint: #5ca8ff;--ion-background-color: #121212;--ion-background-color-rgb: 18, 18, 18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-color-dark: #f8fafc;--ion-color-dark-rgb: 248, 250, 252;--ion-color-dark-contrast: #0f172a;--ion-color-dark-contrast-rgb: 15, 23, 42;--ion-color-dark-shade: #dbdcde;--ion-color-dark-tint: #f9fbfd;--ion-color-step-50: #1e1e1e;--ion-color-step-100: #2a2a2a;--ion-color-step-150: #363636;--ion-color-step-200: #414141;--ion-color-step-250: #4d4d4d;--ion-color-step-300: #595959;--ion-color-step-350: #656565;--ion-color-step-400: #717171;--ion-color-step-450: #7d7d7d;--ion-color-step-500: #898989;--ion-color-step-550: #949494;--ion-color-step-600: #a0a0a0;--ion-color-step-650: #acacac;--ion-color-step-700: #b8b8b8;--ion-color-step-750: #c4c4c4;--ion-color-step-800: #d0d0d0;--ion-color-step-850: #dbdbdb;--ion-color-step-900: #e7e7e7;--ion-color-step-950: #f3f3f3;--ion-item-background: #1e1e1e;--ion-card-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--garden-background: #121212;--garden-surface: #1e1e1e;--garden-surface-alt: #2a2a2a;--garden-border: #404040;--garden-text: #ffffff;--garden-text-muted: #b0b0b0;--primary-color: #4a9eff;--primary-hover: #4189e0;--primary-light: rgba(74, 158, 255, .15);--primary-glow: rgba(74, 158, 255, .35);--secondary-color: #2a2a2a;--accent-color: #5ca8ff;--accent-glow: rgba(74, 158, 255, .3);--success-color: #4ade80;--warning-color: #f9ae2b;--info-color: #52c3ff;--danger-color: #f87171;--bg-primary: #121212;--bg-secondary: #181818;--bg-tertiary: #242424;--bg-card: #1e1e1e;--bg-card-hover: #2a2a2a;--bg-glass: rgba(30, 30, 30, .88);--bg-hero: linear-gradient(135deg, #121212 0%, #1a2230 50%, #121212 100%);--bg-gradient-pill: linear-gradient(135deg, rgba(74, 158, 255, .15) 0%, rgba(82, 195, 255, .1) 100%);--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #b0b0b0;--text-inverse: #121212;--heading-gradient: linear-gradient(135deg, #ffffff 0%, #4a9eff 100%);--border-color: #404040;--border-light: #333333;--border-glass: rgba(255, 255, 255, .1);--navbar-bg: rgba(31, 31, 31, .94);--navbar-border: rgba(64, 64, 64, .8);--footer-bg: #0d0d0d;--footer-text: #94a3b8;--footer-heading: #ffffff;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-glow: 0 10px 30px -5px rgba(74, 158, 255, .35);--toggle-bg: #334155;--toggle-thumb: #0f172a;--toggle-icon: #cbd5e1}ion-content{background:#eaf7ff;--ion-background-color: #eaf7ff;--box-shadow: none}.dark-theme ion-content,[data-theme=dark] ion-content{background:#121212;--ion-background-color: #121212}ion-header{background:#fff;--ion-background-color: #eaf7ff;--box-shadow: none}.dark-theme ion-header,[data-theme=dark] ion-header{background:#1f1f1f;--ion-background-color: #1f1f1f}ion-button{text-transform:none;--box-shadow: none}ion-toast.custom-toast::part(button){border-left:1px solid #d2d2d2;color:#030207;font-size:15px;background-color:#52c3ff;border-radius:20px}