.mybento-section{background:#fff;padding:80px 0;position:relative;overflow:hidden}.mybento-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(239,68,68,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(239,68,68,.02) 0%,transparent 50%);pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.header-content{text-align:center;margin-bottom:64px;animation:fadeInUp .8s ease-out}.main-title{font-size:3rem;font-weight:700;color:#1f2937;margin:0 0 16px;line-height:1.1;letter-spacing:-.025em}.subtitle{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6;font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:48px}.feature-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 32px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;animation:fadeInUp .8s ease-out;animation-fill-mode:both}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease-in-out}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;background:#fffffff2}.feature-card:hover:before{left:100%}.icon-container{width:80px;height:80px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.icon-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:50%}.feature-card:hover .icon-container{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px #ef44444d}.icon-container.highlight{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #dc262640}.icon{width:32px;height:32px;color:#fff;stroke-width:2.5}.feature-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 12px;line-height:1.3;transition:color .3s ease}.feature-title.highlight,.feature-card:hover .feature-title{color:#dc2626}.feature-description{font-size:1rem;color:#b83030;line-height:1.6;margin:0;transition:color .3s ease}.feature-card:hover .feature-description{color:#694747}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.mybento-section{padding:60px 0}.container{padding:0 16px}.main-title{font-size:2.25rem;margin-bottom:12px}.subtitle{font-size:1rem}.header-content{margin-bottom:48px}.features-grid{grid-template-columns:1fr;gap:24px;margin-top:32px}.feature-card{padding:32px 24px}.icon-container{width:32pxpx;height:32px;margin-bottom:20px}.icon{width:32px;height:32px}.feature-title{font-size:1.125rem}.feature-description{font-size:.9rem}}@media (max-width: 480px){.main-title{font-size:1.875rem}.features-grid{gap:20px}.feature-card{padding:28px 20px;border-radius:16px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.feature-card{border:1px solid rgba(255,255,255,.3)}}@media (prefers-color-scheme: dark){.mybento-section{background:linear-gradient(135deg,#0f172a,#1e293b)}.main-title{color:#f1f5f9}.subtitle{color:#94a3b8}.feature-card{background:#1e293bcc;border-color:#3341554d}.feature-title{color:#f1f5f9}.feature-description{color:#94a3b8}.feature-card:hover{background:#1e293bf2}.feature-card:hover .feature-description{color:#cbd5e1}}@media print{.mybento-section{background:#fff;padding:40px 0}.feature-card{background:#fff;border:1px solid #e2e8f0;break-inside:avoid}.icon-container{background:#dc2626}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/features.css.map */