.page-header-title{letter-spacing:-.02em;line-height:1.2}.card-title-display,.page-header-title{font-family:var(--font-display);font-weight:600}.card-title-display{letter-spacing:-.015em}.hero-card-title{font-family:var(--font-display);font-weight:700;font-size:1.125rem;letter-spacing:-.02em;color:var(--color-foreground)}.section-header-display{font-family:var(--font-display);font-weight:600;font-size:.875rem;letter-spacing:.02em;text-transform:uppercase;color:var(--color-muted-foreground)}.page-enter-stagger{--stagger-delay:60ms}.page-enter-stagger>*{--reveal-distance:16px;--reveal-scale:1;--reveal-blur:0px;--reveal-spring-overshoot:0;--reveal-spring-scale:1;opacity:0;animation:reveal-enter .45s var(--ease-apple-out) forwards}.page-enter-stagger>:first-child{animation-delay:calc(var(--stagger-delay) * 0)}.page-enter-stagger>:nth-child(2){animation-delay:calc(var(--stagger-delay) * 1)}.page-enter-stagger>:nth-child(3){animation-delay:calc(var(--stagger-delay) * 2)}.page-enter-stagger>:nth-child(4){animation-delay:calc(var(--stagger-delay) * 3)}.page-enter-stagger>:nth-child(5){animation-delay:calc(var(--stagger-delay) * 4)}.page-enter-stagger>:nth-child(6){animation-delay:calc(var(--stagger-delay) * 5)}.page-enter-stagger>:nth-child(7){animation-delay:calc(var(--stagger-delay) * 6)}.page-enter-stagger>:nth-child(8){animation-delay:calc(var(--stagger-delay) * 7)}.hero-card-enter{--reveal-distance:28px;--reveal-scale:0.96;--reveal-blur:4px;--reveal-spring-overshoot:4px;--reveal-spring-scale:1.01;opacity:0;animation:reveal-enter .65s var(--ease-spring) forwards}.hero-card-enter:first-child{animation-delay:0s}.hero-card-enter:nth-child(2){animation-delay:calc(var(--stagger-hero) * 1.5)}.quick-card-enter{--reveal-distance:12px;--reveal-scale:1;--reveal-blur:0px;--reveal-spring-overshoot:0;--reveal-spring-scale:1;opacity:0;animation:reveal-enter .4s var(--ease-apple-out) forwards}.quick-card-enter:first-child{animation-delay:var(--stagger-quick-offset)}.quick-card-enter:nth-child(2){animation-delay:calc(var(--stagger-quick-offset) + var(--stagger-quick) * 1)}.quick-card-enter:nth-child(3){animation-delay:calc(var(--stagger-quick-offset) + var(--stagger-quick) * 2)}.quick-card-enter:nth-child(4){animation-delay:calc(var(--stagger-quick-offset) + var(--stagger-quick) * 3)}.tool-section-enter{--reveal-distance:16px;--reveal-scale:1;--reveal-blur:0px;--reveal-spring-overshoot:0;--reveal-spring-scale:1;opacity:0;animation:reveal-enter .45s var(--ease-apple-out) var(--stagger-tool) forwards}:root{--accent-primary:var(--brand-teal-500);--accent-primary-light:var(--brand-teal-100);--accent-primary-glow:var(--brand-primary-glow);--accent-warm:var(--brand-coral-500);--accent-warm-light:var(--brand-coral-100);--accent-warm-glow:var(--brand-accent-warm-glow);--accent-amber:var(--brand-amber-500);--accent-amber-light:var(--brand-amber-100);--empty-state-gradient-1:var(--color-empty-gradient-1);--empty-state-gradient-2:var(--color-empty-gradient-2);--empty-state-gradient-3:var(--color-empty-gradient-3);--empty-state-shadow-1:var(--color-empty-shadow-1);--empty-state-shadow-2:var(--color-empty-shadow-2);--empty-state-icon-color:var(--color-empty-icon);--empty-state-ring-color:var(--color-empty-ring);--empty-state-capsule-color:var(--color-empty-capsule);--table-accent-color:var(--color-table-accent);--table-indicator-color:var(--color-table-indicator);--table-hover-bg:var(--color-table-hover);--tool-row-gradient-start:var(--color-tool-gradient-start);--tool-row-gradient-end:var(--color-tool-gradient-end);--card-shadow-rest:var(--shadow-card-rest);--card-shadow-hover:var(--shadow-card-hover);--card-shadow-active:var(--shadow-card-active)}.empty-state-premium{flex-direction:column;text-align:center;padding:3rem 1.5rem;min-height:280px;overflow:hidden}.empty-state-icon-container,.empty-state-premium{position:relative;display:flex;align-items:center;justify-content:center}.empty-state-icon-container{width:80px;height:80px;border-radius:50%;margin-bottom:1.5rem;background:linear-gradient(145deg,var(--empty-state-gradient-1) 0,var(--empty-state-gradient-2) 50%,var(--empty-state-gradient-3) 100%);box-shadow:0 4px 20px var(--empty-state-shadow-1),0 8px 40px var(--empty-state-shadow-2);animation:empty-state-float 6s ease-in-out infinite}.dark .empty-state-icon-container{box-shadow:0 4px 30px var(--empty-state-shadow-1),0 8px 50px var(--empty-state-shadow-2)}.empty-state-icon-container:before{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid var(--empty-state-ring-color);pointer-events:none}.empty-state-icon{width:36px;height:36px;color:var(--empty-state-icon-color);transition:transform .3s var(--ease-apple)}@keyframes empty-state-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.015em;color:var(--color-foreground);margin-bottom:.5rem}.empty-state-description{font-size:.875rem;color:var(--color-muted-foreground);max-width:320px;line-height:1.5;margin-bottom:1.5rem}.empty-state-action{position:relative;overflow:hidden}.empty-state-action:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgb(255 255 255/20%),transparent 50%,rgb(255 255 255/10%));opacity:0;transition:opacity .3s ease}.empty-state-action:hover:after{opacity:1}.table-premium{--table-row-hover-bg:var(--color-table-hover);--table-row-selected-bg:var(--color-table-selected);--table-border-color:rgb(0 0 0/6%)}.dark .table-premium{--table-row-hover-bg:var(--color-table-hover);--table-row-selected-bg:var(--color-table-selected);--table-border-color:rgb(255 255 255/8%)}.table-premium thead th{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted-foreground);padding:.875rem 1rem;background:var(--surface-1);border-bottom:1px solid var(--table-border-color);position:relative}.dark .table-premium thead th{background:var(--elevation-1)}.table-header-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s var(--ease-apple)}.table-header-sortable:hover{color:var(--color-foreground);background:rgb(0 0 0/2%)}.dark .table-header-sortable:hover{background:rgb(255 255 255/4%)}.table-sort-indicator{display:inline-flex;margin-left:.375rem;opacity:.4;transition:all .2s var(--ease-apple)}.table-header-sortable:hover .table-sort-indicator{opacity:.7}.table-header-sortable[data-sorted=true] .table-sort-indicator{opacity:1;color:var(--table-accent-color)}.table-premium tbody tr{transition:all .15s var(--ease-apple);border-bottom:1px solid var(--table-border-color)}.table-premium tbody tr:hover{background:var(--table-row-hover-bg)}.table-premium tbody tr[data-selected=true]{background:var(--table-row-selected-bg)}.table-premium tbody td{padding:.875rem 1rem;font-size:.875rem;color:var(--color-foreground);vertical-align:middle}.table-row-clickable{cursor:pointer;position:relative}.table-row-clickable:active{background:var(--table-row-selected-bg)!important}.table-cell-status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.hero-card-premium{position:relative;overflow:hidden;background:rgb(255 255 255/75%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgb(255 255 255/25%);box-shadow:var(--card-shadow-rest);transition:transform .25s var(--ease-spring),box-shadow .3s var(--ease-apple),background-color .2s var(--ease-apple),backdrop-filter .2s var(--ease-apple)}.dark .hero-card-premium{background:rgb(30 30 35/70%);border-color:rgb(255 255 255/12%)}.hero-card-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgb(255 255 255/2%) 50%,transparent);opacity:0;transition:opacity .3s var(--ease-apple);pointer-events:none}.hero-card-premium:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--card-shadow-hover)}.hero-card-premium:hover:before{opacity:1}.hero-card-premium:active{transform:translateY(-2px) scale(.995);box-shadow:var(--card-shadow-active)}.dark .hero-card-premium:before{background:linear-gradient(135deg,transparent,rgb(0 200 200/3%) 50%,transparent)}.hero-card-bg-icon{position:absolute;right:-1rem;bottom:-1rem;width:6rem;height:6rem;opacity:.06;pointer-events:none;transition:all .4s var(--ease-apple)}.hero-card-premium:hover .hero-card-bg-icon{opacity:.1;transform:scale(1.1) rotate(-5deg)}.hero-card-action-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;background:rgb(255 255 255/50%);border:1px solid rgb(0 0 0/5%);color:var(--color-foreground);transition:transform .15s var(--ease-spring),background-color .2s var(--ease-apple),border-color .2s var(--ease-apple),box-shadow .2s var(--ease-apple)}.hero-card-action-chip:hover{background:var(--accent-warm-light);border-color:rgb(240 90 60/25%);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-warm-glow)}.hero-card-action-chip:active{transform:translateY(0)}.dark .hero-card-action-chip{background:rgb(255 255 255/8%);border-color:rgb(255 255 255/8%)}.dark .hero-card-action-chip:hover{background:var(--accent-warm-light);border-color:rgb(240 100 70/40%);box-shadow:0 4px 16px var(--accent-warm-glow)}.quick-card-premium{position:relative;overflow:hidden;background:rgb(255 255 255/70%);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid rgb(255 255 255/22%);box-shadow:var(--card-shadow-rest);transition:transform .2s var(--ease-spring),box-shadow .25s var(--ease-apple),background-color .2s var(--ease-apple),backdrop-filter .2s var(--ease-apple)}.dark .quick-card-premium{background:rgb(28 28 32/65%);border-color:rgb(255 255 255/10%)}.quick-card-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,var(--accent-primary-light) 0,transparent 70%);opacity:0;transition:opacity .3s var(--ease-apple);pointer-events:none}.quick-card-premium:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--card-shadow-hover)}.quick-card-premium:hover:before{opacity:.5}.quick-card-premium:active{transform:translateY(-2px) scale(.98)}.dark .quick-card-premium:before{background:radial-gradient(circle at 50% 0,rgb(0 200 200/15%) 0,transparent 70%)}.quick-card-icon{transition:transform .25s var(--ease-spring),filter .3s var(--ease-apple)}.quick-card-premium:hover .quick-card-icon{transform:scale(1.15);filter:drop-shadow(0 2px 8px var(--accent-primary-glow))}.quick-card-label{font-family:var(--font-display);font-size:.8125rem;font-weight:500;letter-spacing:-.01em;color:var(--color-muted-foreground);transition:color .2s var(--ease-apple)}.quick-card-premium:hover .quick-card-label{color:var(--color-foreground)}.tool-row-premium{position:relative;transition:padding-left .25s var(--ease-spring),background-color .15s var(--ease-apple)}.tool-row-premium:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);transform-origin:center;width:3px;height:24px;background:linear-gradient(180deg,var(--tool-row-gradient-start) 0,var(--tool-row-gradient-end) 100%);border-radius:0 2px 2px 0;transition:transform .2s var(--ease-spring)}.tool-row-premium:hover:before{transform:translateY(-50%) scaleY(1)}.tool-row-premium:hover{padding-left:calc(1rem + 6px)}.dark .tool-row-premium:hover,.tool-row-premium:hover{background-color:var(--color-table-hover)}.ai-tools-section{position:relative;overflow:hidden;border-radius:1rem;background:linear-gradient(135deg,rgb(139 92 246/5%),rgb(99 102 241/3%) 50%,transparent),rgb(255 255 255/75%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgb(139 92 246/15%);box-shadow:0 1px 3px rgb(0 0 0/4%),0 4px 12px rgb(0 0 0/3%),inset 0 1px 0 rgb(255 255 255/50%)}.dark .ai-tools-section{background:linear-gradient(135deg,rgb(139 92 246/12%),rgb(99 102 241/8%) 50%,transparent),rgb(30 30 35/70%);border-color:rgb(139 92 246/25%);box-shadow:0 1px 3px rgb(0 0 0/20%),0 4px 12px rgb(0 0 0/15%),inset 0 1px 0 rgb(255 255 255/5%)}.ai-tools-header{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-bottom:1px solid rgb(139 92 246/10%)}.dark .ai-tools-header{border-bottom-color:rgb(139 92 246/20%)}.ai-tools-title{font-family:var(--font-display);font-weight:600;font-size:1rem;letter-spacing:-.01em;color:var(--color-foreground);flex:1}.ai-tools-badge{font-size:.6875rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px;background:linear-gradient(135deg,rgb(139 92 246/15%),rgb(99 102 241/10%));color:rgb(109 40 217);border:1px solid rgb(139 92 246/20%)}.dark .ai-tools-badge{background:linear-gradient(135deg,rgb(139 92 246/25%),rgb(99 102 241/20%));color:rgb(196 181 253);border-color:rgb(139 92 246/35%)}.ai-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem 1rem}@media (width <= 639px){.ai-tools-grid .ai-tool-card:last-child:nth-child(odd):not(.ai-tool-card-featured){grid-column:1/-1;max-width:50%;justify-self:center}}@media (width >= 640px){.ai-tools-grid{grid-template-columns:repeat(6,1fr);gap:.625rem}.ai-tools-grid .ai-tool-card-featured{grid-column:span 3}.ai-tools-grid .ai-tool-card:not(.ai-tool-card-featured){grid-column:span 2}}.ai-tool-card{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;border-radius:.625rem;text-align:center;text-decoration:none;background:rgb(255 255 255/50%);border:1px solid rgb(139 92 246/8%);transition:transform .2s var(--ease-spring),background-color .2s var(--ease-apple),border-color .2s var(--ease-apple),box-shadow .25s var(--ease-apple)}.dark .ai-tool-card{background:rgb(255 255 255/5%);border-color:rgb(139 92 246/15%)}.ai-tool-card:hover{transform:translateY(-4px);background:rgb(139 92 246/8%);border-color:rgb(139 92 246/20%);box-shadow:0 8px 20px rgb(139 92 246/15%),0 4px 8px rgb(139 92 246/8%)}.dark .ai-tool-card:hover{background:rgb(139 92 246/15%);border-color:rgb(139 92 246/35%);box-shadow:0 8px 24px rgb(139 92 246/25%),0 4px 12px rgb(139 92 246/15%)}.ai-tool-card:active{transform:translateY(-1px)}.ai-tool-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background:linear-gradient(135deg,rgb(139 92 246),rgb(99 102 241));box-shadow:0 2px 8px rgb(139 92 246/25%);transition:transform .25s var(--ease-spring),box-shadow .3s var(--ease-apple)}.ai-tool-card:hover .ai-tool-icon-wrapper{transform:scale(1.1);box-shadow:0 6px 16px rgb(139 92 246/40%)}.ai-tool-icon-wrapper svg{width:1rem;height:1rem;color:white}.ai-tool-title{font-family:var(--font-display);font-weight:600;font-size:.75rem;letter-spacing:-.01em;color:var(--color-foreground);transition:color .2s var(--ease-apple)}.ai-tool-card:hover .ai-tool-title{color:rgb(109 40 217)}.dark .ai-tool-card:hover .ai-tool-title{color:rgb(196 181 253)}.ai-tool-desc{display:none;font-size:.6875rem;color:var(--color-muted-foreground);line-height:1.3;max-width:140px}@media (width >= 640px){.ai-tool-desc{display:block}}.ai-tool-card-featured{padding:1rem .75rem}.ai-tool-card-featured .ai-tool-icon-wrapper{width:2.5rem;height:2.5rem;border-radius:.625rem}.ai-tool-card-featured .ai-tool-icon-wrapper svg{width:1.25rem;height:1.25rem}.ai-tool-card-featured .ai-tool-title{font-size:.875rem}.ai-tool-card-featured .ai-tool-desc{display:block;max-width:180px}@media (width >= 640px){.ai-tool-card-featured{padding:1.25rem 1rem;gap:.5rem}.ai-tool-card-featured .ai-tool-icon-wrapper{width:2.75rem;height:2.75rem}.ai-tool-card-featured .ai-tool-icon-wrapper svg{width:1.375rem;height:1.375rem}.ai-tool-card-featured .ai-tool-title{font-size:.9375rem}.ai-tool-card-featured .ai-tool-desc{font-size:.75rem;max-width:200px}}.ai-section-enter{--reveal-distance:20px;--reveal-scale:0.98;--reveal-blur:2px;--reveal-spring-overshoot:0;--reveal-spring-scale:1;opacity:0;animation:reveal-enter .5s var(--ease-apple-out) var(--stagger-ai-section) forwards}.ai-tool-card-enter{--reveal-distance:12px;--reveal-scale:1;--reveal-blur:0;opacity:0;animation:reveal-enter .4s var(--ease-apple-out) forwards}.ai-tool-card-enter:first-child{animation-delay:calc(var(--stagger-ai-section) + 60ms)}.ai-tool-card-enter:nth-child(2){animation-delay:calc(var(--stagger-ai-section) + .12s)}.ai-tool-card-enter:nth-child(3){animation-delay:calc(var(--stagger-ai-section) + .18s)}.ai-tool-card-enter:nth-child(4){animation-delay:calc(var(--stagger-ai-section) + .24s)}.ai-tool-card-enter:nth-child(5){animation-delay:calc(var(--stagger-ai-section) + .3s)}@media (prefers-reduced-motion:reduce){.ai-section-enter,.ai-tool-card-enter,.empty-state-icon-container,.hero-card-enter,.page-enter-stagger>*,.quick-card-enter,.tool-section-enter{animation:none;opacity:1;transform:none;filter:none}.ai-tool-card:hover,.hero-card-action-chip:hover,.hero-card-premium:hover,.quick-card-premium:hover{transform:none}.ai-tool-card:hover .ai-tool-icon-wrapper,.hero-card-premium:hover .hero-card-bg-icon,.quick-card-premium:hover .quick-card-icon{transform:none;filter:none}.tool-row-premium:before{transform:translateY(-50%) scaleY(1)}}:root{--micro-duration:150ms;--micro-duration-fast:100ms;--micro-duration-slow:200ms;--micro-ease:cubic-bezier(0.34,1.56,0.64,1);--micro-ease-out:cubic-bezier(0,0,0.2,1);--micro-ease-bounce:cubic-bezier(0.175,0.885,0.32,1.275);--btn-hover-lift:-2px;--btn-hover-scale:1.015;--btn-active-press:1px;--btn-active-scale:0.975;--input-focus-scale:1.003;--input-focus-glow:0 0 0 3px var(--brand-primary-glow);--shadow-micro-rest:0 1px 2px rgb(0 0 0/5%);--shadow-micro-hover:0 4px 8px rgb(0 0 0/8%),0 2px 4px rgb(0 0 0/4%);--shadow-micro-active:0 1px 1px rgb(0 0 0/6%);--touch-target-min:44px}.dark{--shadow-micro-rest:0 1px 2px rgb(0 0 0/20%);--shadow-micro-hover:0 4px 12px rgb(0 0 0/25%),0 2px 4px rgb(0 0 0/15%),0 0 20px var(--brand-primary-glow);--shadow-micro-active:0 1px 2px rgb(0 0 0/25%);--input-focus-glow:0 0 0 3px hsl(185deg 70% 55%/35%)}.btn-micro{position:relative;transform:translateY(0) scale(1);box-shadow:var(--shadow-micro-rest);transition:transform var(--micro-duration) var(--micro-ease),box-shadow var(--micro-duration-slow) var(--micro-ease-out),background-color var(--micro-duration) var(--micro-ease-out),border-color var(--micro-duration) var(--micro-ease-out);will-change:transform,box-shadow}.btn-micro:hover:not(:disabled){transform:translateY(var(--btn-hover-lift)) scale(var(--btn-hover-scale));box-shadow:var(--shadow-micro-hover)}.btn-micro:active:not(:disabled){transform:translateY(var(--btn-active-press)) scale(var(--btn-active-scale));box-shadow:var(--shadow-micro-active);transition-duration:50ms}.btn-micro:focus-visible{outline:none;box-shadow:var(--shadow-micro-rest),0 0 0 2px var(--color-background,white),0 0 0 4px var(--brand-primary)}.btn-micro-primary:hover:not(:disabled){box-shadow:var(--shadow-micro-hover),0 4px 20px hsl(185deg 70% 45%/25%)}.dark .btn-micro-primary:hover:not(:disabled){box-shadow:var(--shadow-micro-hover),0 4px 24px hsl(185deg 70% 55%/35%)}.btn-micro-destructive:hover:not(:disabled){box-shadow:var(--shadow-micro-hover),0 4px 20px hsl(0deg 70% 55%/20%)}.btn-micro-ghost{box-shadow:none}.btn-micro-ghost:hover:not(:disabled){transform:translateY(-1px) scale(1.01);box-shadow:none;background-color:hsl(var(--muted))}.btn-micro-ghost:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-micro-icon{border-radius:50%;overflow:hidden}.btn-micro-icon:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--brand-primary-glow) 0,transparent 70%);opacity:0;transform:scale(.5);transition:opacity var(--micro-duration) var(--micro-ease-out),transform var(--micro-duration-slow) var(--micro-ease)}.btn-micro-icon:hover:after{opacity:1;transform:scale(1.2)}.btn-micro-icon:active:after{transform:scale(.9);opacity:.8}.btn-micro.btn-micro-link,.btn-micro.btn-micro-link:active:not(:disabled),.btn-micro.btn-micro-link:hover:not(:disabled){box-shadow:none;transform:none}.btn-scroll-safe{box-shadow:none!important;filter:drop-shadow(0 1px 2px rgb(0 0 0/10%));transition:transform var(--micro-duration) var(--micro-ease),filter var(--micro-duration-slow) var(--micro-ease-out),background-color var(--micro-duration) var(--micro-ease-out)}.btn-scroll-safe:hover:not(:disabled){filter:drop-shadow(0 4px 8px rgb(0 0 0/15%))}.btn-scroll-safe:active:not(:disabled){filter:drop-shadow(0 1px 2px rgb(0 0 0/10%))}.btn-scroll-safe-primary:hover:not(:disabled){filter:drop-shadow(0 4px 12px rgb(0 0 0/12%)) drop-shadow(0 2px 8px hsl(185deg 70% 45%/25%))}.dark .btn-scroll-safe-primary:hover:not(:disabled){filter:drop-shadow(0 4px 12px rgb(0 0 0/25%)) drop-shadow(0 2px 10px hsl(185deg 70% 55%/35%))}.btn-scroll-safe-ghost{box-shadow:none!important;filter:none}.btn-scroll-safe-ghost:hover:not(:disabled){filter:drop-shadow(0 2px 6px rgb(0 0 0/8%))}.dark .btn-scroll-safe-ghost:hover:not(:disabled){filter:drop-shadow(0 2px 8px rgb(0 0 0/25%))}.input-micro-container{position:relative;display:flex;transition:transform var(--micro-duration) var(--micro-ease)}.input-micro-container:focus-within{transform:scale(var(--input-focus-scale))}.input-micro{transition:border-color var(--micro-duration) var(--micro-ease-out),box-shadow var(--micro-duration-slow) var(--micro-ease-out),background-color var(--micro-duration) var(--micro-ease-out)}.input-micro:focus{border-color:var(--brand-primary);box-shadow:var(--input-focus-glow);outline:none}.input-micro:hover:not(:focus,:disabled){border-color:var(--brand-teal-300)}.dark .input-micro:hover:not(:focus,:disabled){border-color:var(--brand-teal-400)}.input-micro:valid:not(:-moz-placeholder){border-color:hsl(142deg 71% 45%)}.input-micro:valid:not(:placeholder-shown),.input-micro[data-valid=true]{border-color:hsl(142deg 71% 45%)}.input-micro:valid:not(:-moz-placeholder):focus{box-shadow:0 0 0 3px hsl(142deg 71% 45%/20%)}.input-micro:valid:not(:placeholder-shown):focus,.input-micro[data-valid=true]:focus{box-shadow:0 0 0 3px hsl(142deg 71% 45%/20%)}.input-micro:invalid:not(:-moz-placeholder){border-color:hsl(0deg 84% 60%)}.input-micro:invalid:not(:placeholder-shown),.input-micro[data-invalid=true]{border-color:hsl(0deg 84% 60%)}.input-micro:invalid:not(:-moz-placeholder):focus{box-shadow:0 0 0 3px hsl(0deg 84% 60%/20%)}.input-micro:invalid:not(:placeholder-shown):focus,.input-micro[data-invalid=true]:focus{box-shadow:0 0 0 3px hsl(0deg 84% 60%/20%)}.textarea-micro{transition:border-color var(--micro-duration) var(--micro-ease-out),box-shadow var(--micro-duration-slow) var(--micro-ease-out);resize:vertical;min-height:80px}.textarea-micro:focus{border-color:var(--brand-primary);box-shadow:var(--input-focus-glow);outline:none}.select-micro{cursor:pointer;transition:border-color var(--micro-duration) var(--micro-ease-out),box-shadow var(--micro-duration-slow) var(--micro-ease-out),background-color var(--micro-duration) var(--micro-ease-out)}.select-micro:hover:not(:disabled){border-color:var(--brand-teal-300);background-color:var(--surface-primary-hover)}.select-micro:focus{border-color:var(--brand-primary);box-shadow:var(--input-focus-glow);outline:none}.card-micro{position:relative;cursor:pointer;transform:translateY(0) scale(1);transition:transform var(--micro-duration-slow) var(--micro-ease),box-shadow var(--duration-slow) var(--ease-apple);will-change:transform,box-shadow}.card-micro:hover{transform:translateY(-4px) scale(1.005);box-shadow:var(--shadow-card-hover)}.card-micro:active{transform:translateY(-1px) scale(.995);box-shadow:var(--shadow-card-active);transition-duration:80ms}.card-micro-glow:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 0,var(--brand-primary-glow) 0,transparent 60%);opacity:0;transition:opacity var(--duration-slow) var(--ease-apple);pointer-events:none}.card-micro-glow:hover:before{opacity:1}.card-micro-border{border:1px solid transparent;transition:transform var(--micro-duration-slow) var(--micro-ease),box-shadow var(--duration-slow) var(--ease-apple),border-color var(--micro-duration) var(--micro-ease-out)}.card-micro-border:hover{border-color:var(--brand-primary-faint)}.card-micro-border:active{border-color:var(--brand-primary)}.link-micro{position:relative;text-decoration:none;color:var(--brand-primary);transition:color var(--micro-duration) var(--micro-ease-out)}.link-micro:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:currentcolor;transform:scaleX(0);transform-origin:right;transition:transform var(--micro-duration-slow) var(--micro-ease)}.link-micro:hover{color:var(--brand-teal-600)}.dark .link-micro:hover{color:var(--brand-teal-400)}.link-micro:hover:after{transform:scaleX(1);transform-origin:left}.link-micro-arrow{display:inline-flex;align-items:center;gap:.25rem}.link-micro-arrow .arrow,.link-micro-arrow svg{transition:transform var(--micro-duration) var(--micro-ease)}.link-micro-arrow:hover .arrow,.link-micro-arrow:hover svg{transform:translateX(3px)}.checkbox-micro,.radio-micro{position:relative;cursor:pointer;transition:border-color var(--micro-duration) var(--micro-ease-out),background-color var(--micro-duration) var(--micro-ease-out),box-shadow var(--micro-duration) var(--micro-ease-out),transform var(--micro-duration) var(--micro-ease)}.checkbox-micro:hover,.radio-micro:hover{border-color:var(--brand-primary);transform:scale(1.05)}.checkbox-micro:active,.radio-micro:active{transform:scale(.95)}.checkbox-micro:checked,.radio-micro:checked{background-color:var(--brand-primary);border-color:var(--brand-primary);animation:check-bounce var(--micro-duration-slow) var(--micro-ease-bounce)}@keyframes check-bounce{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.toggle-micro{position:relative;width:44px;height:24px;border-radius:12px;background:var(--surface-elevated);cursor:pointer;transition:background-color var(--micro-duration-slow) var(--micro-ease-out)}.toggle-micro:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px rgb(0 0 0/20%);transition:transform var(--micro-duration-slow) var(--micro-ease),box-shadow var(--micro-duration) var(--micro-ease-out)}.toggle-micro:hover:after{box-shadow:0 2px 6px rgb(0 0 0/25%)}.toggle-micro:checked,.toggle-micro[data-state=checked]{background:var(--brand-primary)}.toggle-micro:checked:after,.toggle-micro[data-state=checked]:after{transform:translateX(20px)}.touch-target{position:relative;min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.touch-target-expanded:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,var(--touch-target-min));height:max(100%,var(--touch-target-min))}.tap-highlight{-webkit-tap-highlight-color:var(--brand-primary-glow);tap-highlight-color:var(--brand-primary-glow)}.tap-highlight-none{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.text-display-responsive{font-family:var(--font-display);font-size:clamp(1.5rem,4vw + .5rem,2.25rem);font-weight:700;letter-spacing:-.025em;line-height:1.2}.text-title-responsive{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw + .5rem,1.75rem);font-weight:600;letter-spacing:-.02em;line-height:1.3}.text-heading-responsive{font-family:var(--font-display);font-size:clamp(1rem,1.5vw + .5rem,1.25rem);font-weight:600;letter-spacing:-.015em;line-height:1.4}.text-body-responsive{font-size:clamp(.9375rem,1vw + .5rem,1rem);line-height:1.6}.text-small-responsive{font-size:clamp(.875rem,.8vw + .5rem,.9375rem);line-height:1.5}@media (width <= 640px){.page-header-title{letter-spacing:-.015em}.hero-card-title{font-size:1rem;line-height:1.3}.btn-micro{font-size:.9375rem}}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-apple-out),transform var(--duration-slow) var(--ease-apple-out)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal-stagger>*{opacity:0;transform:translateY(16px);transition:opacity var(--duration-slow) var(--ease-apple-out),transform var(--duration-slow) var(--ease-apple-out)}.scroll-reveal-stagger.is-visible>:first-child{transition-delay:0s;opacity:1;transform:translateY(0)}.scroll-reveal-stagger.is-visible>:nth-child(2){transition-delay:60ms;opacity:1;transform:translateY(0)}.scroll-reveal-stagger.is-visible>:nth-child(3){transition-delay:.12s;opacity:1;transform:translateY(0)}.scroll-reveal-stagger.is-visible>:nth-child(4){transition-delay:.18s;opacity:1;transform:translateY(0)}.scroll-reveal-stagger.is-visible>:nth-child(5){transition-delay:.24s;opacity:1;transform:translateY(0)}.skeleton-micro{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--surface-elevated) 0,var(--surface-secondary) 50%,var(--surface-elevated) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .skeleton-micro{background:linear-gradient(90deg,var(--elevation-1) 0,var(--elevation-2) 50%,var(--elevation-1) 100%);background-size:200% 100%}.focus-trap-indicator{position:relative}.focus-trap-indicator:before{content:"";position:absolute;inset:-4px;border:2px dashed var(--brand-primary);border-radius:calc(var(--radius-lg) + 4px);opacity:0;transition:opacity var(--micro-duration) var(--micro-ease-out);pointer-events:none}.focus-trap-indicator:focus-within:before{opacity:.5}@media (prefers-reduced-motion:reduce){.btn-micro,.card-micro,.checkbox-micro,.input-micro,.link-micro,.radio-micro,.scroll-reveal,.scroll-reveal-stagger>*,.toggle-micro{transition:none;animation:none}.btn-micro:active,.btn-micro:hover,.card-micro:active,.card-micro:hover{transform:none}.checkbox-micro:checked,.radio-micro:checked{animation:none}.scroll-reveal,.scroll-reveal-stagger>*{opacity:1;transform:none}.skeleton-micro{animation:none;background:var(--color-muted)}}.bento-zone{position:relative;margin-bottom:1.25rem;border-radius:1rem;overflow:hidden;background:rgb(255 255 255/65%);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid rgb(255 255 255/22%);box-shadow:0 1px 3px rgb(0 0 0/4%),0 4px 12px rgb(0 0 0/3%);--reveal-distance:16px;--reveal-scale:0.98;opacity:0;animation:reveal-enter .5s var(--ease-apple-out) forwards}.dark .bento-zone{background:rgb(30 28 26/65%);border-color:rgb(255 255 255/8%);box-shadow:0 1px 3px rgb(0 0 0/20%),0 4px 12px rgb(0 0 0/15%)}.bento-zone:first-child{animation-delay:0s}.bento-zone:nth-child(2){animation-delay:80ms}.bento-zone:nth-child(3){animation-delay:.16s}.bento-zone:nth-child(4){animation-delay:.24s}.bento-zone:nth-child(5){animation-delay:.32s}.bento-zone-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgb(0 0 0/4%)}.dark .bento-zone-header{border-bottom-color:rgb(255 255 255/6%)}.bento-zone-title{font-family:var(--font-display);font-size:.8125rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:.5rem}.bento-zone-title-ai{color:rgb(109 40 217)}.dark .bento-zone-title-ai{color:rgb(167 139 250)}.bento-badge{font-size:.625rem;font-weight:600;letter-spacing:.04em;padding:.125rem .5rem;border-radius:9999px;text-transform:uppercase}.bento-badge-beta{background:linear-gradient(135deg,rgb(139 92 246/15%),rgb(99 102 241/10%));color:rgb(109 40 217);border:1px solid rgb(139 92 246/20%)}.dark .bento-badge-beta{background:linear-gradient(135deg,rgb(139 92 246/25%),rgb(99 102 241/20%));color:rgb(196 181 253);border-color:rgb(139 92 246/35%)}.bento-zone-grid{padding:1rem;display:grid;gap:1rem}.bento-grid-2col{grid-template-columns:1fr}@media (width >= 640px){.bento-grid-2col{grid-template-columns:repeat(2,1fr)}}.bento-zone-production{background:linear-gradient(135deg,rgb(42 150 209/4%),rgb(68 186 198/3%) 50%,transparent),rgb(255 255 255/65%);border-color:rgb(42 150 209/12%)}.dark .bento-zone-production{background:linear-gradient(135deg,rgb(42 150 209/10%),rgb(68 186 198/6%) 50%,transparent),rgb(30 28 26/65%);border-color:rgb(42 150 209/20%)}.bento-zone-ai{background:linear-gradient(135deg,rgb(139 92 246/6%),rgb(99 102 241/4%) 50%,transparent),rgb(255 255 255/70%);border-color:rgb(139 92 246/15%)}.dark .bento-zone-ai{background:linear-gradient(135deg,rgb(139 92 246/15%),rgb(99 102 241/10%) 50%,transparent),rgb(30 28 26/70%);border-color:rgb(139 92 246/25%)}.bento-ai-layout{padding:1rem;display:flex;flex-direction:column;gap:1rem}@media (width >= 768px){.bento-ai-layout{flex-direction:row;align-items:stretch}.bento-ai-layout>:first-child{flex:1;min-width:0}.bento-ai-layout>:last-child{flex:1.2;min-width:0}}.ai-hero-card{position:relative;padding:1.25rem;border-radius:.875rem;overflow:hidden;height:100%;min-height:120px;background:linear-gradient(135deg,rgb(139 92 246),rgb(99 102 241) 50%,rgb(79 70 229));box-shadow:0 4px 20px rgb(139 92 246/25%),0 8px 40px rgb(99 102 241/15%),inset 0 1px 0 rgb(255 255 255/20%);transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-apple)}.ai-hero-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 8px 30px rgb(139 92 246/35%),0 16px 60px rgb(99 102 241/25%),inset 0 1px 0 rgb(255 255 255/20%)}.ai-hero-card:active{transform:translateY(-1px) scale(.995)}.ai-hero-card-glow{position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgb(255 255 255/20%) 0,transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none}.group:hover .ai-hero-card-glow{opacity:1}.ai-hero-card-content{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;height:100%}.ai-hero-icon-wrapper{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;background:rgb(255 255 255/20%);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255/30%);color:white;flex-shrink:0;transition:transform .3s var(--ease-spring)}.group:hover .ai-hero-icon-wrapper{transform:scale(1.1)}@media (width >= 640px){.ai-hero-icon-wrapper{width:3.5rem;height:3.5rem}}.ai-hero-text{flex:1;min-width:0}.ai-hero-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ai-hero-title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:white}@media (width >= 640px){.ai-hero-title{font-size:1.25rem}}.ai-hero-badge{font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;background:rgb(255 255 255/20%);color:white;border:1px solid rgb(255 255 255/30%);text-transform:uppercase;letter-spacing:.04em}.ai-hero-description{margin-top:.375rem;font-size:.8125rem;color:rgb(255 255 255/95%);line-height:1.4}@media (width >= 640px){.ai-hero-description{font-size:.875rem}}.ai-hero-arrow{width:1.25rem;height:1.25rem;color:rgb(255 255 255/85%);flex-shrink:0;transition:all .2s var(--ease-apple)}.group:hover .ai-hero-arrow{color:white;transform:translateX(4px)}.bento-ai-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (width >= 640px){.bento-ai-tools-grid{grid-template-columns:repeat(3,1fr)}}@media (width >= 768px){.bento-ai-tools-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.bento-ai-tools-grid>:last-child:nth-child(odd){grid-column:1/-1}}.ai-tool-compact-card{display:flex;align-items:center;gap:.625rem;padding:.75rem;min-height:44px;border-radius:.625rem;text-decoration:none;background:rgb(255 255 255/60%);border:1px solid rgb(139 92 246/10%);transition:transform .2s var(--ease-spring),background-color .2s var(--ease-apple),border-color .2s var(--ease-apple),box-shadow .25s var(--ease-apple)}.dark .ai-tool-compact-card{background:rgb(255 255 255/6%);border-color:rgb(139 92 246/18%)}.ai-tool-compact-card:hover{transform:translateY(-2px);background:rgb(139 92 246/10%);border-color:rgb(139 92 246/25%);box-shadow:0 4px 12px rgb(139 92 246/15%)}.dark .ai-tool-compact-card:hover{background:rgb(139 92 246/18%);border-color:rgb(139 92 246/35%);box-shadow:0 4px 16px rgb(139 92 246/25%)}.ai-tool-compact-card:active{transform:translateY(0)}.ai-tool-compact-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.375rem;background:linear-gradient(135deg,rgb(139 92 246),rgb(99 102 241));color:white;flex-shrink:0;box-shadow:0 2px 6px rgb(139 92 246/25%);transition:transform .2s var(--ease-spring)}.ai-tool-compact-card:hover .ai-tool-compact-icon{transform:scale(1.08)}.ai-tool-compact-label{flex:1;font-family:var(--font-display);font-size:.75rem;font-weight:500;color:hsl(var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s var(--ease-apple)}.ai-tool-compact-card:hover .ai-tool-compact-label{color:rgb(91 33 182)}.dark .ai-tool-compact-card:hover .ai-tool-compact-label{color:rgb(221 214 254)}.ai-tool-compact-arrow{width:.875rem;height:.875rem;color:hsl(var(--muted-foreground));opacity:0;transform:translateX(-4px);transition:all .2s var(--ease-apple);flex-shrink:0}.ai-tool-compact-card:hover .ai-tool-compact-arrow{opacity:1;transform:translateX(0)}.bento-zone-quick{background:rgb(255 255 255/55%)}.dark .bento-zone-quick{background:rgb(30 28 26/55%)}.bento-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}@media (width >= 640px){.bento-quick-grid{grid-template-columns:repeat(4,1fr)}}.bento-zone-tools{background:rgb(255 255 255/50%);margin-bottom:0}.dark .bento-zone-tools{background:rgb(30 28 26/50%)}.bento-tools-list{border-top:1px solid rgb(0 0 0/3%)}.dark .bento-tools-list{border-top-color:rgb(255 255 255/5%)}.bento-tools-list>*{border-bottom:1px solid rgb(0 0 0/3%)}.dark .bento-tools-list>*{border-bottom-color:rgb(255 255 255/5%)}.bento-tools-list>:last-child{border-bottom:none}.ai-hero-card:focus-visible{outline:2px solid white;outline-offset:2px;box-shadow:0 0 0 4px rgb(139 92 246/50%),0 8px 30px rgb(139 92 246/35%)}.ai-tool-compact-card:focus-visible{outline:2px solid rgb(139 92 246);outline-offset:2px;background:rgb(139 92 246/10%)}.dark .ai-tool-compact-card:focus-visible{outline-color:rgb(167 139 250);background:rgb(139 92 246/18%)}@media (prefers-reduced-motion:reduce){.ai-hero-card,.ai-tool-compact-card,.bento-zone{animation:none;opacity:1;transform:none}.ai-hero-card:hover,.ai-tool-compact-card:hover,.ai-tool-compact-card:hover .ai-tool-compact-arrow,.ai-tool-compact-card:hover .ai-tool-compact-icon,.group:hover .ai-hero-arrow,.group:hover .ai-hero-icon-wrapper{transform:none}.ai-hero-arrow,.ai-hero-card-glow,.ai-tool-compact-arrow{transition:none}}:root{--ai-hub-primary:190 95% 42%;--ai-hub-secondary:220 70% 50%;--ai-hub-accent:165 82% 45%;--ai-hub-highlight:45 95% 60%;--ai-hub-mesh-1:rgb(6 182 212/8%);--ai-hub-mesh-2:rgb(59 130 246/6%);--ai-hub-mesh-3:rgb(20 184 166/5%);--ai-hub-mesh-4:rgb(251 191 36/4%);--ai-hub-card-glow:rgb(6 182 212/15%);--ai-hub-card-border:rgb(6 182 212/20%);--ai-hub-card-hover-glow:rgb(6 182 212/30%);--ai-hub-card-bg-40:hsl(var(--card)/40%);--ai-hub-card-bg-60:hsl(var(--card)/60%);--ai-hub-card-bg-80:hsl(var(--card)/80%);--ai-hub-card-bg-85:hsl(var(--card)/85%);--ai-hub-white:hsl(0deg 0% 100%);--ai-hub-bg-80:hsl(var(--background)/80%);--ai-hub-muted-50:hsl(var(--muted)/50%);--ai-hub-border-solid:hsl(var(--border))}.dark{--ai-hub-mesh-1:rgb(6 182 212/12%);--ai-hub-mesh-2:rgb(59 130 246/10%);--ai-hub-mesh-3:rgb(20 184 166/8%);--ai-hub-mesh-4:rgb(251 191 36/6%);--ai-hub-card-glow:rgb(6 182 212/20%);--ai-hub-card-border:rgb(6 182 212/30%);--ai-hub-card-hover-glow:rgb(6 182 212/40%);--ai-hub-card-bg-40:hsl(var(--card)/40%);--ai-hub-card-bg-60:hsl(var(--card)/60%);--ai-hub-card-bg-80:hsl(var(--card)/80%);--ai-hub-card-bg-85:hsl(var(--card)/85%);--ai-hub-bg-80:hsl(var(--background)/80%);--ai-hub-muted-50:hsl(var(--muted)/50%);--ai-hub-border-solid:hsl(var(--border))}.ai-hub-bg{position:relative;min-height:100%;overflow:hidden}.ai-hub-bg:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 600px 400px at 85% 15%,var(--ai-hub-mesh-1) 0,transparent 70%),radial-gradient(ellipse 500px 500px at 10% 80%,var(--ai-hub-mesh-2) 0,transparent 70%),radial-gradient(ellipse 800px 600px at 50% 50%,var(--ai-hub-mesh-3) 0,transparent 70%),radial-gradient(ellipse 300px 300px at 70% 70%,var(--ai-hub-mesh-4) 0,transparent 70%);animation:mesh-float 20s ease-in-out infinite}@keyframes mesh-float{0%,to{background-position:0 0,0 0,0 0,0 0;opacity:1}25%{background-position:5% 3%,-3% 2%,2% -2%,-4% 3%}50%{background-position:-3% -2%,4% -3%,-2% 3%,3% -2%;opacity:.85}75%{background-position:2% 4%,-2% 3%,3% 2%,-3% 4%}}.ai-hub-bg:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='60' height='104' viewBox='0 0 60 104' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 17.32v34.64L30 69.28 0 51.96V17.32z' fill='none' stroke='%2306b6d4' stroke-width='0.5'/%3E%3Cpath d='M30 34.64L60 51.96v34.64L30 104 0 86.6V51.96z' fill='none' stroke='%2306b6d4' stroke-width='0.5'/%3E%3C/svg%3E");background-size:60px 104px}.dark .ai-hub-bg:after{opacity:.06}.ai-hub-hero{position:relative;padding:2rem 0 1.5rem;margin-bottom:1.5rem}.ai-hub-hero-content{position:relative;z-index:1}.ai-hub-title{font-family:var(--font-brand-display,system-ui);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:hsl(var(--ai-hub-primary));background:linear-gradient(135deg,hsl(var(--ai-hub-primary)) 0,hsl(var(--ai-hub-secondary)) 50%,hsl(var(--ai-hub-accent)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:title-shimmer 8s ease-in-out infinite;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (forced-colors:active){.ai-hub-title{-webkit-text-fill-color:currentcolor;background:none;color:CanvasText}}@keyframes title-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.ai-hub-subtitle{font-size:1rem;color:hsl(var(--muted-foreground));margin-top:.5rem;max-width:500px}.ai-hub-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,hsl(var(--ai-hub-primary)/30%) 20%,hsl(var(--ai-hub-primary)/60%) 50%,hsl(var(--ai-hub-primary)/30%) 80%,transparent 100%)}.ai-hub-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}.ai-hub-stat{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--ai-hub-card-bg-60);backdrop-filter:blur(8px);border:1px solid hsl(var(--border)/50%);border-radius:12px;transition:all .2s ease}.ai-hub-stat:hover{background:var(--ai-hub-card-bg-80);border-color:hsl(var(--ai-hub-primary)/30%);transform:translateY(-2px)}.ai-hub-stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,hsl(var(--ai-hub-primary)/15%),hsl(var(--ai-hub-secondary)/10%));color:hsl(var(--ai-hub-primary))}.ai-hub-stat-value{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));font-variant-numeric:tabular-nums}.ai-hub-stat-label{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.ai-hub-filters{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:var(--ai-hub-card-bg-40);backdrop-filter:blur(12px);border:1px solid hsl(var(--border)/50%);border-radius:16px;margin-bottom:1.5rem}.ai-hub-search{position:relative;flex:1;min-width:200px;max-width:400px}.ai-hub-search input{width:100%;padding:.625rem 1rem .625rem 2.5rem;background:var(--ai-hub-bg-80);border:1px solid hsl(var(--border));border-radius:10px;font-size:.875rem;transition:all .2s ease}.ai-hub-search input:focus{outline:none;border-color:hsl(var(--ai-hub-primary));box-shadow:0 0 0 3px hsl(var(--ai-hub-primary)/10%)}.ai-hub-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:hsl(var(--muted-foreground));pointer-events:none}.ai-hub-card{position:relative;background:var(--ai-hub-card-bg-85);backdrop-filter:blur(16px);border:1px solid hsl(var(--border)/60%);border-radius:16px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.ai-hub-card:before{content:"";position:absolute;inset:-1px;border-radius:17px;padding:1px;background:linear-gradient(135deg,hsl(var(--ai-hub-primary)/0%),hsl(var(--ai-hub-primary)/0%));-webkit-mask:linear-gradient(#ffffff 0 0) content-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) content-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all .3s ease;pointer-events:none}.ai-hub-card:hover:before{background:linear-gradient(135deg,hsl(var(--ai-hub-primary)/60%),hsl(var(--ai-hub-accent)/40%),hsl(var(--ai-hub-secondary)/50%))}.ai-hub-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px hsl(var(--ai-hub-primary)/15%),0 8px 16px -8px rgb(0 0 0/10%);border-color:hsl(var(--ai-hub-primary)/30%)}.ai-hub-card:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:radial-gradient(circle at center,hsl(var(--ai-hub-primary)/8%) 0,transparent 70%);border-radius:50%;transition:all .3s ease}.ai-hub-card:hover:after{transform:scale(1.5);opacity:.6}.ai-hub-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.ai-hub-card-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));line-height:1.3;transition:color .2s ease}.ai-hub-card:hover .ai-hub-card-title{color:hsl(var(--ai-hub-primary))}.ai-hub-status{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:20px;font-size:.75rem;font-weight:500;white-space:nowrap}.ai-hub-status-active{background:linear-gradient(135deg,hsl(165deg 82% 45%/15%),hsl(165deg 82% 45%/5%));color:hsl(165deg 82% 35%);border:1px solid hsl(165deg 82% 45%/30%)}.ai-hub-status-completed{background:linear-gradient(135deg,hsl(220deg 70% 50%/15%),hsl(220deg 70% 50%/5%));color:hsl(220deg 70% 40%);border:1px solid hsl(220deg 70% 50%/30%)}.ai-hub-status-graduated{background:linear-gradient(135deg,hsl(45deg 95% 50%/15%),hsl(45deg 95% 50%/5%));color:hsl(45deg 75% 35%);border:1px solid hsl(45deg 95% 50%/30%)}.ai-hub-status-archived{background:var(--ai-hub-muted-50);color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border))}.dark .ai-hub-status-active{color:hsl(165deg 82% 55%)}.dark .ai-hub-status-completed{color:hsl(220deg 70% 65%)}.dark .ai-hub-status-graduated{color:hsl(45deg 95% 65%)}.ai-hub-progress{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;margin:.75rem 0;border-top:1px solid hsl(var(--border)/50%)}.ai-hub-progress-step{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--ai-hub-muted-50);color:hsl(var(--muted-foreground));transition:all .2s ease}.ai-hub-progress-step.completed{background:linear-gradient(135deg,hsl(var(--ai-hub-primary)),hsl(var(--ai-hub-accent)));color:var(--ai-hub-white);box-shadow:0 2px 8px hsl(var(--ai-hub-primary)/30%)}.ai-hub-progress-connector{flex:1;height:2px;background:var(--ai-hub-border-solid);border-radius:1px;position:relative;overflow:hidden}.ai-hub-progress-connector.active:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,hsl(var(--ai-hub-primary)),hsl(var(--ai-hub-accent)));animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:.5}50%{opacity:1}}.ai-hub-empty{flex-direction:column;padding:4rem 2rem;text-align:center}.ai-hub-empty,.ai-hub-empty-icon{display:flex;align-items:center;justify-content:center}.ai-hub-empty-icon{width:120px;height:120px;margin-bottom:1.5rem;background:linear-gradient(135deg,hsl(var(--ai-hub-primary)/10%),hsl(var(--ai-hub-secondary)/5%));border-radius:50%;animation:empty-float 4s ease-in-out infinite}.ai-hub-empty-icon svg{width:48px;height:48px;color:hsl(var(--ai-hub-primary))}@keyframes empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ai-hub-empty-title{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.5rem}.ai-hub-empty-description{color:hsl(var(--muted-foreground));max-width:400px;margin-bottom:1.5rem}.ai-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.ai-hub-grid>*{animation:card-slide-up .5s ease-out backwards}.ai-hub-grid>:first-child{animation-delay:.05s}.ai-hub-grid>:nth-child(2){animation-delay:.1s}.ai-hub-grid>:nth-child(3){animation-delay:.15s}.ai-hub-grid>:nth-child(4){animation-delay:.2s}.ai-hub-grid>:nth-child(5){animation-delay:.25s}.ai-hub-grid>:nth-child(6){animation-delay:.3s}.ai-hub-grid>:nth-child(7){animation-delay:.35s}.ai-hub-grid>:nth-child(8){animation-delay:.4s}.ai-hub-grid>:nth-child(9){animation-delay:.45s}@keyframes card-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-hub-create-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,hsl(var(--ai-hub-primary)),hsl(var(--ai-hub-secondary)));color:var(--ai-hub-white);font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px hsl(var(--ai-hub-primary)/30%),inset 0 1px 0 rgb(255 255 255/20%)}.ai-hub-create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px hsl(var(--ai-hub-primary)/40%),inset 0 1px 0 rgb(255 255 255/30%)}.ai-hub-create-btn:active{transform:translateY(0)}.ai-hub-bg .liquid-glass-card{position:relative;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.ai-hub-bg .liquid-glass-card:before{content:"";position:absolute;inset:-1px;border-radius:17px;padding:1px;background:linear-gradient(135deg,hsl(var(--ai-hub-primary)/0%),hsl(var(--ai-hub-primary)/0%));-webkit-mask:linear-gradient(#ffffff 0 0) content-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) content-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all .3s ease;pointer-events:none;z-index:1}.ai-hub-bg .liquid-glass-card:hover:before{background:linear-gradient(135deg,hsl(var(--ai-hub-primary)/50%),hsl(var(--ai-hub-accent)/30%),hsl(var(--ai-hub-secondary)/40%))}.ai-hub-bg .liquid-glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px hsl(var(--ai-hub-primary)/12%),0 4px 8px -4px rgb(0 0 0/8%);border-color:hsl(var(--ai-hub-primary)/20%)}@media (prefers-reduced-motion:reduce){.ai-hub-bg:before,.ai-hub-empty-icon,.ai-hub-grid>*,.ai-hub-progress-connector.active:after,.ai-hub-title{animation:none}.ai-hub-bg .liquid-glass-card:hover,.ai-hub-card:hover{transform:none}}@media (width <= 640px){.ai-hub-hero{padding:1.5rem 0 1rem}.ai-hub-title{font-size:1.5rem}.ai-hub-stats{gap:.75rem}.ai-hub-stat{flex:1;min-width:140px}.ai-hub-grid{grid-template-columns:1fr}.ai-hub-filters{flex-direction:column}.ai-hub-search{max-width:none}}:root{--christmas-red:#c41e3a;--christmas-green:#228b22;--christmas-snow:rgba(255,255,255,0.9);--christmas-snow-shadow:rgba(0,0,0,0.1);--christmas-glow:rgba(196,30,58,0.15);--christmas-snowflake:rgba(180,200,220,0.9);--christmas-snowflake-glow:0 0 3px rgba(100,150,200,0.5);--christmas-wire:#1a1a1a;--christmas-bulb-cap:#333}.dark{--christmas-snow:rgba(255,255,255,0.85);--christmas-snow-shadow:rgba(0,0,0,0.3);--christmas-glow:rgba(196,30,58,0.25);--christmas-snowflake:rgba(255,255,255,0.95);--christmas-snowflake-glow:0 0 4px rgba(255,255,255,0.3);--christmas-wire:#666;--christmas-bulb-cap:#555}.christmas-snow-container{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:10}.christmas-snow-layer{position:absolute;width:100%;height:200%;background-repeat:repeat}.christmas-snow-layer--front{background-image:radial-gradient(3px 3px at 20% 30%,var(--christmas-snowflake) 100%,transparent),radial-gradient(2px 2px at 40% 70%,var(--christmas-snowflake) 100%,transparent),radial-gradient(3px 3px at 65% 20%,var(--christmas-snowflake) 100%,transparent),radial-gradient(2px 2px at 85% 60%,var(--christmas-snowflake) 100%,transparent),radial-gradient(3px 3px at 10% 80%,var(--christmas-snowflake) 100%,transparent),radial-gradient(2px 2px at 55% 45%,var(--christmas-snowflake) 100%,transparent);background-size:200px 200px;animation:snowfall-front 8s linear infinite;filter:drop-shadow(var(--christmas-snowflake-glow));opacity:.9}.christmas-snow-layer--mid{background-image:radial-gradient(2px 2px at 15% 25%,var(--christmas-snowflake) 100%,transparent),radial-gradient(2px 2px at 45% 55%,var(--christmas-snowflake) 100%,transparent),radial-gradient(1.5px 1.5px at 70% 35%,var(--christmas-snowflake) 100%,transparent),radial-gradient(2px 2px at 30% 75%,var(--christmas-snowflake) 100%,transparent),radial-gradient(1.5px 1.5px at 80% 15%,var(--christmas-snowflake) 100%,transparent),radial-gradient(2px 2px at 5% 50%,var(--christmas-snowflake) 100%,transparent),radial-gradient(1.5px 1.5px at 60% 85%,var(--christmas-snowflake) 100%,transparent);background-size:180px 180px;animation:snowfall-mid 12s linear infinite;animation-delay:-3s;filter:drop-shadow(var(--christmas-snowflake-glow));opacity:.7}.christmas-snow-layer--back{background-image:radial-gradient(1px 1px at 25% 20%,var(--christmas-snowflake) 100%,transparent),radial-gradient(1px 1px at 50% 40%,var(--christmas-snowflake) 100%,transparent),radial-gradient(1px 1px at 75% 60%,var(--christmas-snowflake) 100%,transparent),radial-gradient(1px 1px at 10% 70%,var(--christmas-snowflake) 100%,transparent),radial-gradient(1px 1px at 35% 90%,var(--christmas-snowflake) 100%,transparent),radial-gradient(1px 1px at 60% 10%,var(--christmas-snowflake) 100%,transparent),radial-gradient(1px 1px at 85% 45%,var(--christmas-snowflake) 100%,transparent),radial-gradient(1px 1px at 40% 30%,var(--christmas-snowflake) 100%,transparent);background-size:150px 150px;animation:snowfall-back 18s linear infinite;animation-delay:-6s;filter:drop-shadow(var(--christmas-snowflake-glow));opacity:.5}@keyframes snowfall-front{0%{transform:translateY(-50%) translateX(0)}to{transform:translateY(0) translateX(10px)}}@keyframes snowfall-mid{0%{transform:translateY(-50%) translateX(0)}to{transform:translateY(0) translateX(-8px)}}@keyframes snowfall-back{0%{transform:translateY(-50%) translateX(0)}to{transform:translateY(0) translateX(5px)}}.christmas-santa-hat{position:absolute;top:-6px;right:-4px;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:22px solid var(--christmas-red);transform:rotate(20deg);z-index:10}.christmas-santa-hat:before{top:-7px;width:10px;height:10px;border-radius:50%}.christmas-santa-hat:after,.christmas-santa-hat:before{content:"";position:absolute;left:50%;transform:translateX(-50%);background:var(--christmas-snow);box-shadow:0 1px 3px var(--christmas-snow-shadow)}.christmas-santa-hat:after{bottom:-24px;width:32px;height:6px;border-radius:3px}.christmas-festive-glow{box-shadow:0 0 20px var(--christmas-glow),0 0 40px var(--christmas-glow),inset 0 -1px 0 rgba(196,30,58,.1)}.christmas-greeting-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:linear-gradient(135deg,rgba(196,30,58,.1),rgba(34,139,34,.1));border:1px solid rgba(196,30,58,.2);border-radius:9999px;font-size:.75rem;font-weight:500;color:var(--christmas-red);animation:badge-pulse 3s ease-in-out infinite}.dark .christmas-greeting-badge{background:linear-gradient(135deg,rgba(196,30,58,.2),rgba(34,139,34,.2));border-color:rgba(196,30,58,.3);color:#ff6b6b}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.8}}.christmas-footer-message{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#a01830}.dark .christmas-footer-message{color:#ff9999}.christmas-string-lights{display:flex;justify-content:center;gap:12px;padding:8px 12px;position:relative}.christmas-string-lights:before{content:"";position:absolute;top:50%;left:8px;right:8px;height:2px;background:var(--christmas-wire);z-index:0}.christmas-light{width:10px;height:14px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;position:relative;z-index:1;animation:twinkle 1.5s ease-in-out infinite}.christmas-light:before{content:"";position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:6px;height:4px;background:var(--christmas-bulb-cap);border-radius:2px 2px 0 0}.christmas-light--red{background:radial-gradient(circle at 30% 30%,#ff6b6b,#c41e3a);box-shadow:0 0 8px #c41e3a,0 0 16px rgba(196,30,58,.5);animation-delay:0s}.christmas-light--gold{background:radial-gradient(circle at 30% 30%,#ffd700,#daa520);box-shadow:0 0 8px #daa520,0 0 16px rgba(218,165,32,.5);animation-delay:.3s}.christmas-light--green{background:radial-gradient(circle at 30% 30%,#90ee90,#228b22);box-shadow:0 0 8px #228b22,0 0 16px rgba(34,139,34,.5);animation-delay:.6s}.christmas-light--blue{background:radial-gradient(circle at 30% 30%,#87ceeb,#4169e1);box-shadow:0 0 8px #4169e1,0 0 16px rgba(65,105,225,.5);animation-delay:.9s}.christmas-light--purple{background:radial-gradient(circle at 30% 30%,#dda0dd,#9932cc);box-shadow:0 0 8px #9932cc,0 0 16px rgba(153,50,204,.5);animation-delay:1.2s}@keyframes twinkle{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.6;filter:brightness(.7)}}.christmas-countdown-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:linear-gradient(135deg,rgba(196,30,58,.15),rgba(218,165,32,.15) 50%,rgba(34,139,34,.15));border:1px solid rgba(218,165,32,.3);border-radius:9999px;font-size:.8rem;font-weight:600;color:#b8860b;animation:countdown-glow 2s ease-in-out infinite}.dark .christmas-countdown-badge{background:linear-gradient(135deg,rgba(196,30,58,.25),rgba(218,165,32,.25) 50%,rgba(34,139,34,.25));border-color:rgba(218,165,32,.4);color:#ffd700}@keyframes countdown-glow{0%,to{box-shadow:0 0 4px rgba(218,165,32,.3)}50%{box-shadow:0 0 12px rgba(218,165,32,.5)}}@media (prefers-reduced-motion:reduce){.christmas-snow-layer{animation:none;opacity:.3}.christmas-countdown-badge,.christmas-greeting-badge,.christmas-light{animation:none}}