@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--font-primary:"Poppins",sans-serif;--font-secondary:"Inter",sans-serif;--primary-color:#9a35f9;--secondary-color:#764ba2;--accent-color:#4facfe;--text-dark:#2d3748;--text-light:#64748b;--white:#fff;--shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-lg:0 25px 50px -12px rgba(0,0,0,.25)}.features{backdrop-filter:blur(20px);background:var(--white);border:1px solid hsla(0,0%,100%,.2);border-radius:24px 0 0 0;display:flex;margin:3rem auto;max-width:1440px;min-height:600px;overflow:hidden;width:98%}.first,.second{position:relative}.second{padding:1rem}.first{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);display:flex;flex:0 0 45%;flex-direction:column;justify-content:center;padding:3rem}.first:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='20' cy='80' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.first h3{color:var(--white);font-family:var(--font-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:2rem;position:relative;z-index:1}.first h3:after{background:var(--accent-color);border-radius:2px;content:"";display:block;height:4px;margin-top:1rem;width:60px}.first p{font-family:var(--font-secondary);font-size:1.1rem;line-height:1.7;opacity:.95;position:relative;z-index:1}.second{background:var(--white);flex:1}.second h3{background:linear-gradient(135deg,#020214 0,var(--primary-color) 100%);-webkit-background-clip:text;color:#020214;font-family:var(--font-primary);font-size:2rem;font-weight:800;margin-bottom:1rem;margin-left:2rem;margin-top:1rem;-webkit-text-fill-color:transparent;background-clip:text}.feature-list{display:flex;flex-direction:column;gap:1.5rem;height:calc(100% - 4rem);overflow-y:hidden;padding:10px;position:relative;width:100%}.feature{margin-left:2rem;opacity:0;padding-bottom:1.5rem;padding-left:2rem;position:relative;transform:translateY(30px);transition:all .6s cubic-bezier(.16,1,.3,1)}.feature.animate-in{opacity:1;transform:translateY(0)}.feature:not(:last-child):after{background:linear-gradient(to bottom,var(--primary-color),rgba(102,126,234,.3));content:"";height:calc(100% + 1.5rem);left:-1.5rem;position:absolute;top:2rem;transform:scaleY(0);transform-origin:top;transition:transform .8s cubic-bezier(.16,1,.3,1);width:2px}.feature.animate-in:not(:last-child):after{transform:scaleY(1)}.crcl{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;box-shadow:0 2px 8px rgba(102,126,234,.3);height:12px;left:-1.8rem;position:absolute;top:.5rem;transform:scale(0);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);width:12px;z-index:2}.feature.animate-in .crcl{transform:scale(1)}.feature-content h4{color:var(--text-dark);font-family:var(--font-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.feature-content p{color:var(--text-light);font-family:var(--font-secondary);font-size:1rem;line-height:1.6}.second h3{opacity:0;transform:translateX(-30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.second h3.animate-in{opacity:1;transform:translateX(0)}@media (max-width:768px){.features{border-radius:16px;flex-direction:column;height:auto;margin:1rem auto;width:100%}.first,.second{padding:2rem}.first{flex:none;text-align:center}.first h3{font-size:2rem}.second h3{font-size:1.5rem;margin-left:0}.feature-list{height:auto}.feature{margin-left:1rem;padding-left:1.5rem}.crcl{left:-1.3rem}.feature:not(:last-child):after{left:-1rem}}