.component-extra-perks{background:#1b7fcc24;display:flex;align-items:center;justify-content:center;padding:32px 16px}.component-extra-perks .card-perks{width:100%;max-width:980px;background:#faf8f5;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #1c2b3a24;border:1px solid rgba(0,0,0,.1);display:flex;opacity:0;transform:translateY(16px);animation:reveal .6s ease forwards}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.component-extra-perks .card{animation:none;opacity:1;transform:none}}.component-extra-perks .panel{flex:0 0 300px;background:linear-gradient(160deg,#09436b,#04304f);padding:32px 28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;margin-bottom:0}.component-extra-perks .panel:after{content:"";position:absolute;top:-50px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(184,146,90,.25) 0%,transparent 70%)}.component-extra-perks .subtitle{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#73c3d5;font-weight:300;margin-bottom:0}.component-extra-perks .subtitle svg{width:13px;height:13px;flex-shrink:0}.component-extra-perks .panel .title{font-size:27px;line-height:1.28;color:#fff;font-weight:300}.component-extra-perks .panel p{margin-top:10px;font-size:13px;color:#ffffffb3;line-height:1.55}.component-extra-perks .access-note{display:flex;align-items:flex-start;gap:9px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px 13px;margin-top:24px;position:relative;z-index:1}.component-extra-perks .access-note svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;color:#73c3d5}.component-extra-perks .access-note p{margin:0;font-size:11.5px;color:#fff;line-height:1.5}.component-extra-perks .access-note strong{color:#73c3d5}.component-extra-perks .content{flex:1;padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between}.component-extra-perks .section-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#07436b;font-weight:700;margin-bottom:14px}.component-extra-perks .amenities{display:flex;gap:12px}.component-extra-perks .amenity{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px 14px;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.component-extra-perks .amenity:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1c2b3a14}.component-extra-perks .amenity-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.component-extra-perks .amenity-icon svg{width:18px;height:18px}.component-extra-perks .icon-pink{background:#0077b6}.component-extra-perks .icon-blue{background:#d9e9f6}.component-extra-perks .icon-yellow{background:#faedd0}.component-extra-perks .amenity-text strong{display:block;font-size:13.5px;color:#2a2a2a;font-weight:700;margin-bottom:2px}.component-extra-perks .amenity-text span{font-size:11px;color:#6b6b6b;line-height:1.4}.component-extra-perks .bottom-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.component-extra-perks .rule-box{background:#ffffffa3;border:1px dashed #73c3d5;border-radius:10px;padding:11px 14px;font-size:12px;color:#2c3e50;line-height:1.5;flex:1}.component-extra-perks .rule-box strong{color:#07436b}.component-extra-perks .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;padding:14px 24px;background:#07436b;color:#fff;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.03em;text-transform:uppercase;border-radius:10px;white-space:nowrap;transition:background .2s ease,transform .2s ease}.component-extra-perks .cta:hover{background:#044e80;transform:translateY(-1px)}.component-extra-perks .cta svg{width:15px;height:15px;transition:transform .2s ease}.component-extra-perks .cta:hover svg{transform:translate(3px)}@media (max-width: 800px){.component-extra-perks .card-perks{flex-direction:column}.component-extra-perks .panel{flex:none}.component-extra-perks .amenities{flex-direction:column}.component-extra-perks .bottom-row{flex-direction:column;align-items:stretch}.component-extra-perks .cta{width:100%}}