.plan-badge{border:1px solid #25d8c5;background:#0b2a42;color:#55ead9;border-radius:999px;padding:8px 12px;font-weight:800;letter-spacing:.08em}.pro-lock{margin-left:auto;background:#5b4ae6;color:#fff;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800}.free-pro-banner{margin:24px 0 90px;padding:24px;border:1px solid #1b4b68;border-radius:22px;background:linear-gradient(135deg,#0a2941,#102747);display:flex;align-items:center;justify-content:space-between;gap:24px}.free-pro-banner h3{font-size:24px;margin:5px 0}.free-pro-banner p{color:#9bb1c5;margin:0;max-width:680px}.pro-kicker{color:#52ead7;font-size:12px;font-weight:800;letter-spacing:.12em}.pro-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,10,20,.78);display:grid;place-items:center;padding:20px}.pro-modal.hidden{display:none}.pro-dialog{position:relative;width:min(520px,94vw);background:#0a243a;border:1px solid #23617d;border-radius:26px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.5)}.pro-dialog h2{font:700 34px 'Space Grotesk',sans-serif;margin:8px 0}.pro-dialog>p,.pro-dialog>small{color:#93a9bd}.pro-price{font-size:36px;font-weight:800;color:#fff;margin:12px 0}.pro-price span{font-size:16px;color:#8fa7ba;font-weight:600}.pro-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;color:#dceaf4}.pro-benefits div{background:#0d304a;border-radius:12px;padding:12px}.pro-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#9db3c5;font-size:30px;cursor:pointer}.pro-library-card{position:relative}.library-lock{position:absolute;inset:0;background:rgba(4,21,35,.76);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:inherit;color:white}.library-lock b{background:#5b4ae6;border-radius:999px;padding:6px 11px;font-size:11px;letter-spacing:.1em}.library-lock span{font-weight:700}@media(max-width:700px){.free-pro-banner{flex-direction:column;align-items:flex-start;margin-bottom:100px}.pro-dialog{padding:25px 20px}.pro-dialog h2{font-size:28px}.pro-benefits{grid-template-columns:1fr}.plan-badge{padding:6px 9px;font-size:10px}}