#features{background:linear-gradient(180deg,var(--bg) 0,rgba(239,246,255,.5) 50%,var(--bg) 100%);overflow:hidden;position:relative}#features:before{animation:floatBubble 20s ease-in-out infinite;background:radial-gradient(circle,rgba(59,130,246,.05) 0,transparent 70%);left:-20%;top:50%}#features:after,#features:before{border-radius:50%;content:"";filter:blur(60px);height:40%;position:absolute;width:40%}#features:after{animation:floatBubble 20s ease-in-out infinite reverse;background:radial-gradient(circle,rgba(30,58,138,.05) 0,transparent 70%);bottom:30%;right:-20%}.features-layout{display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);position:relative;z-index:1}.features-left,.features-right{display:flex;flex-direction:column;gap:3rem}.features-right{padding-top:5rem}.feature-card{backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.98));border:1px solid rgba(226,232,240,.5);border-radius:24px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.features-left .feature-card:first-child{box-shadow:20px 20px 60px rgba(30,58,138,.08),-20px -20px 60px hsla(0,0%,100%,.9);transform:rotate(-1deg)}.features-left .feature-card:nth-child(2){box-shadow:-20px 20px 60px rgba(59,130,246,.08),20px -20px 60px hsla(0,0%,100%,.9);transform:rotate(.5deg)}.features-right .feature-card:first-child{box-shadow:20px -20px 60px rgba(30,64,175,.08),-20px 20px 60px hsla(0,0%,100%,.9);transform:rotate(.5deg)}.features-right .feature-card:nth-child(2){box-shadow:-20px -20px 60px rgba(37,99,235,.08),20px 20px 60px hsla(0,0%,100%,.9);transform:rotate(-.5deg)}.feature-card:before{background:linear-gradient(90deg,transparent,#3b82f6 20%,#1e40af 50%,#3b82f6 80%,transparent);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.feature-card:after{background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.1) 50%,transparent 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.feature-card:hover{border-color:rgba(59,130,246,.3);box-shadow:0 30px 60px rgba(30,58,138,.15),0 15px 30px rgba(59,130,246,.1);transform:translateY(-8px) rotate(0deg)!important}.feature-card:hover:before{opacity:1}.feature-card:hover:after{opacity:1;transform:rotate(45deg) translateX(100%)}.feature-header{gap:1.5rem;margin-bottom:1.5rem;z-index:1}.feature-header,.feature-icon{align-items:center;display:flex;position:relative}.feature-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(30,58,138,.1);border-radius:16px;box-shadow:0 4px 12px rgba(30,58,138,.08),inset 0 -1px 3px rgba(30,58,138,.05);color:var(--primary);font-size:24px;height:56px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.feature-card:hover .feature-icon{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:transparent;box-shadow:0 8px 20px rgba(30,58,138,.2),inset 0 1px 2px hsla(0,0%,100%,.2);color:#fff;transform:translateY(-2px)}.feature-card h3{background:linear-gradient(135deg,var(--text) 0,var(--primary) 100%);-webkit-background-clip:text;font-size:1.35rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;flex:1;letter-spacing:-.01em;position:relative;z-index:1}.feature-card p{color:var(--text-light);font-size:.95rem;line-height:1.8;position:relative;z-index:1}.feature-number{align-items:center;background:rgba(239,246,255,.8);border:2px solid var(--primary-light);border-radius:50%;color:var(--primary);display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;opacity:.6;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:32px}.feature-card:hover .feature-number{background:var(--primary);color:#fff;opacity:1;transform:scale(1.1)}