:root[data-theme=dark]{.card-bg-shape{background-color:transparent!important}.card-desc,.hero-desc,.section-header p{color:#a2a7ae!important}.feature-card{border:none!important}.feature-wrapper .card-icon{background-color:#f0f0f112!important}}.home-page{.container{max-width:1280px;padding:0 1rem;margin:0 auto;padding-inline:16px}.hero{position:relative;padding-top:8rem;padding-bottom:5rem;overflow:hidden}@media (width >= 1024px){.hero{padding-top:7rem;padding-bottom:7rem}}.hero-bg{position:absolute;top:0;left:50%;z-index:-1;width:1000px;height:1000px;background:linear-gradient(180deg,#eff6ff,transparent);border-radius:50%;opacity:.5;filter:blur(64px);transform:translateX(-50%);transform:translateZ(0) translateX(-50%);will-change:transform}.hero-content{display:flex;flex-direction:column;align-items:center;gap:3rem}@media (width >= 1024px){.hero-content{flex-direction:row;gap:5rem}}.hero-text{flex:1;text-align:center}@media (width >= 1024px){.hero-text{text-align:left}}.hero-title{margin-bottom:1.5rem;font-size:2.25rem;font-weight:800;line-height:1.2;color:var(--color-text-primary);border-bottom:none}@media (width >= 640px){.hero-title{font-size:3rem}}@media (width >= 1024px){.hero-title{font-size:3.75rem}}.highlight{display:inline-block;padding:0 .5rem;margin-top:.5rem;color:var(--color-brand);border-radius:.5rem;transform:rotate(-1deg)}.highlight-underline{position:absolute;bottom:-.5rem;left:0;width:100%;height:.75rem;color:var(--color-brand);opacity:.8}.hero-desc{max-width:42rem;margin-right:auto;margin-bottom:2rem;margin-left:auto;font-size:1.125rem;line-height:1.6;color:#4b5563}@media (width >= 1024px){.hero-desc{margin-left:0}}.hero-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (width >= 640px){.hero-actions{flex-direction:row}}@media (width >= 1024px){.hero-actions{justify-content:flex-start}}.btn{position:relative;display:inline-flex;padding:1rem 2rem;overflow:hidden;font-weight:700;text-decoration:none;border-radius:.75rem;transition:all .2s;align-items:center;justify-content:center}.btn-primary{color:white!important;background-color:var(--color-brand);box-shadow:0 10px 15px -3px rgb(37 99 235/20%)}.btn-primary:hover{transform:translateY(-1px)}.btn-shine:after{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgb(255 255 255/30%) 50%,transparent);content:"";transform:skewX(-25deg);transition:none}.btn-shine:hover:after{animation:shine .75s}@keyframes shine{to{left:125%}}.btn-outline{color:#374151;background-color:white;border:1px solid #e5e7eb}.btn-outline:hover{background-color:#f9fafb;border-color:#d1d5db}.hero-image{flex:1;position:relative}.hero-card-stack{animation:hero-float 6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.hero-card-stack{animation:none}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.image-wrapper svg{width:100%;height:100%;filter:drop-shadow(0 20px 25px -5px rgb(0 0 0/10%))}.deco-circle{position:absolute;z-index:-1;border-radius:50%;opacity:.2;filter:blur(40px)}.deco-yellow{top:-2.5rem;right:-2.5rem;width:5rem;height:5rem;background-color:#facc15}.deco-blue{bottom:-2.5rem;left:-2.5rem;width:8rem;height:8rem;background-color:#60a5fa}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{margin-bottom:1rem;font-size:2.25rem;font-weight:700;color:var(--color-text-primary);border-bottom:none}.section-header p{font-size:1.25rem;color:#4b5563}.feature-section{padding:5rem 0;background-color:var(--bg-primary)}.feature-section.gray-bg{background:#f9fafb}}.feature-wrapper{.feature-container{max-width:1280px;padding:0 1rem;margin:0 auto}.feature-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (width >= 768px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width >= 1024px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{position:relative;display:block;height:100%;padding:2rem;overflow:hidden;text-decoration:none;background-color:var(--card);border:1px solid #f3f4f6;border-radius:1rem;box-shadow:0 1px 2px 0 rgb(0 0 0/5%);transition:all .3s ease}.feature-card:hover{border-color:#e5e7eb;transform:translateY(-4px);box-shadow:0 20px 25px -5px rgb(0 0 0/10%)}.card-content{position:relative;z-index:10;display:flex;height:100%;flex-direction:column}.card-icon{display:flex;width:3.5rem;height:3.5rem;margin-bottom:1.5rem;border-radius:.75rem;transition:transform .3s;align-items:center;justify-content:center}.feature-card:hover .card-icon{transform:scale(1.1)}.card-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700;color:var(--color-text-primary);transition:color .2s}.feature-card:hover .card-title{color:var(--color-brand)}.card-desc{margin-bottom:2rem;font-weight:400;line-height:1.6;color:#4b5563;flex-grow:1}.card-footer{font-size:.875rem;font-weight:700;color:var(--color-brand)}.arrow{margin-left:.25rem;transition:transform .2s}.feature-card:hover .arrow{transform:translateX(4px)}.card-bg-shape{position:absolute;top:0;right:0;z-index:0;width:8rem;height:8rem;margin-top:-2rem;margin-right:-2rem;border-bottom-left-radius:100%;transition:transform .3s}.feature-card:hover .card-bg-shape{transform:scale(1.1)}.theme-1 .card-icon{color:#3b82f6}.theme-1 .card-bg-shape,.theme-1 .card-icon{background-color:#eff6ff}.theme-2 .card-icon{color:#22c55e}.theme-2 .card-bg-shape,.theme-2 .card-icon{background-color:#f0fdf4}.theme-3 .card-icon{color:#a855f7}.theme-3 .card-bg-shape,.theme-3 .card-icon{background-color:#faf5ff}.theme-4 .card-icon{color:#f97316}.theme-4 .card-bg-shape,.theme-4 .card-icon{background-color:#fff7ed}.theme-5 .card-icon{color:#6366f1}.theme-5 .card-bg-shape,.theme-5 .card-icon{background-color:#eef2ff}.theme-6 .card-icon{color:#ec4899}.theme-6 .card-bg-shape,.theme-6 .card-icon{background-color:#fdf2f8}.theme-7 .card-icon{color:#06b6d4}.theme-7 .card-bg-shape,.theme-7 .card-icon{background-color:#ecfeff}.theme-8 .card-icon{color:#ef4444}.theme-8 .card-bg-shape,.theme-8 .card-icon{background-color:#fef2f2}.theme-9 .card-icon{color:#eab308}.theme-9 .card-bg-shape,.theme-9 .card-icon{background-color:#fefce8}.theme-10 .card-icon{color:#06b6d4}.theme-10 .card-bg-shape,.theme-10 .card-icon{background-color:#ecfeff}.theme-11 .card-icon{color:#ef4444}.theme-11 .card-bg-shape,.theme-11 .card-icon{background-color:#fef2f2}.theme-12 .card-icon{color:#eab308}.theme-12 .card-bg-shape,.theme-12 .card-icon{background-color:#fefce8}}