.benefits-section{padding:80px 0;background:linear-gradient(180deg,#fff 0%,var(--surface) 100%);position:relative;overflow:hidden}.benefits-section .section-title{text-align:center;margin-bottom:16px;color:var(--primary)}.benefits-section .container>p{text-align:center;max-width:600px;margin:0 auto 48px;color:var(--muted)}.benefits-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(42,75,141,.1),transparent)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:48px}.benefit-card{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008;height:100%;display:flex;flex-direction:column;align-items:flex-start}.benefit-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff6,#fff0);z-index:0;pointer-events:none}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #2a4b8d1f;border-color:#2a4b8d33;background:#ffffffe6}.benefit-card .icon{position:relative;z-index:1;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--primary-50) 0%,#fff 100%);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;box-shadow:0 8px 16px #2a4b8d1a;transition:transform .3s ease}.benefit-card:hover .icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,var(--primary) 0%,#1e3a6e 100%);color:#fff;box-shadow:0 12px 24px #2a4b8d40}.benefit-card h3{position:relative;z-index:1;font-size:20px;font-weight:700;color:var(--text);margin-bottom:12px;letter-spacing:-.02em}.benefit-card p{position:relative;z-index:1;font-size:15px;line-height:1.6;color:var(--muted);margin:0}.benefit-card:after{content:"";position:absolute;right:-20px;bottom:-20px;width:100px;height:100px;background:radial-gradient(circle,var(--primary-50) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;border-radius:50%;pointer-events:none}.benefit-card:hover:after{opacity:.6}@media(max-width:768px){.benefits-grid{grid-template-columns:1fr;gap:16px}.benefit-card{padding:24px}}.share-section{padding:80px 0;background:linear-gradient(180deg,var(--surface) 0%,#fff 100%);position:relative}.share-section .section-title{text-align:center;margin-bottom:16px;color:var(--primary)}.share-section .section-description{text-align:center;max-width:600px;margin:0 auto 48px;color:var(--muted)}.share-panel{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:32px;align-items:center;box-shadow:0 20px 40px #2a4b8d14;max-width:800px;margin:0 auto;position:relative;overflow:hidden}.share-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,#fff6,#fff0);pointer-events:none;z-index:0}.share-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}.share-options{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1;padding-top:24px;border-top:1px solid rgba(42,75,141,.1);width:100%}.share-btn{display:flex;align-items:center;gap:10px;border:1px solid rgba(42,75,141,.1);border-radius:12px;padding:12px 20px;background:#fffc;color:var(--text);font-weight:500;font-size:14px;box-shadow:0 4px 12px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.share-btn i{font-size:18px;color:var(--primary);transition:transform .3s ease}.share-btn:hover{transform:translateY(-4px);box-shadow:0 12px 24px #2a4b8d26;background:#fff;border-color:var(--primary-50);color:var(--primary)}.share-btn:hover i{transform:scale(1.1)}#shareLinkedin:hover i{color:#0077b5}#shareWhats:hover i{color:#25d366}#shareTwitter:hover i{color:#1da1f2}#shareFacebook:hover i{color:#1877f2}#shareCopy:hover i{color:var(--text)}@media(max-width:640px){.share-panel{padding:24px;gap:24px}.share-options{gap:8px}.share-btn{padding:10px 16px;font-size:13px;flex:1 1 auto;justify-content:center}.share-btn span{display:none}.share-btn i{margin:0}}
