.content-section{margin-bottom:2rem;padding:clamp(1rem,2vw,1.5rem);background:var(--bg-card,#fff);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-sm,0 2px 6px #0000000a);transition:transform .2s ease,box-shadow .2s ease}.content-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-md,0 4px 12px #0000001a)}.section-title{display:flex;align-items:center;gap:.75rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:600;color:var(--text-heading,#2d3748);margin-bottom:1rem}.section-number{display:flex;width:clamp(24px,3vw,32px);height:clamp(24px,3vw,32px);background:var(--gradient-primary,linear-gradient(135deg,#696cff 0,#5a5de8 100%));color:#fff;border-radius:var(--radius-circle);font-size:.875rem;font-weight:700}.section-icon,.section-number{align-items:center;justify-content:center;flex-shrink:0}.section-icon{display:inline-flex;color:var(--bs-primary,#696cff)}.section-text{font-size:clamp(.875rem,1.5vw,1rem);line-height:1.7;color:var(--text-secondary,#64748b);margin:0}@media (max-width:768px){.content-section{margin-bottom:1.5rem}.section-title{gap:.625rem}.section-number{font-size:.8125rem}}@media (max-width:480px){.content-section{margin-bottom:1rem;border-radius:var(--radius-md,8px)}.section-title{gap:.5rem;flex-wrap:wrap}.section-number{font-size:.75rem}.section-icon svg{width:18px;height:18px}.section-text{line-height:1.6}}:root:not([data-theme=dark]):not([data-theme=pink]) .content-section{position:relative;overflow:hidden;background:#ffffff80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #fff9;box-shadow:0 8px 32px #696cff0d,inset 0 0 0 1px #ffffff80;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}:root:not([data-theme=dark]):not([data-theme=pink]) .content-section:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,#fff0 0,#fff6 50%,#fff0);transform:skewX(-25deg);transition:all .7s ease;z-index:-1;pointer-events:none}:root:not([data-theme=dark]):not([data-theme=pink]) .content-section:hover{transform:translateY(-5px);border-color:#696cff80;box-shadow:0 15px 35px #696cff1a,inset 0 0 0 1px #fff9}:root:not([data-theme=dark]):not([data-theme=pink]) .content-section:hover:before{left:200%}:root:not([data-theme=dark]):not([data-theme=pink]) .section-icon{animation:float-contact 6s ease-in-out infinite}@keyframes float-contact{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}