
/* BeatlePlay V3.0.1 — Secondary Pages & Brand Consistency Polish */
.secondary-page{background:#030816;color:#f7f8ff;min-height:100vh}.secondary-page .site-header{position:relative;z-index:20}.secondary-page .brand-logo img{width:auto;height:44px;max-width:230px;object-fit:contain}.secondary-shell{width:min(1440px,calc(100% - 64px));margin:auto}.secondary-hero{position:relative;overflow:hidden;margin:26px auto 20px;min-height:300px;border:1px solid #17365a;border-radius:22px;background:radial-gradient(circle at 82% 22%,rgba(162,31,255,.23),transparent 28%),radial-gradient(circle at 20% 80%,rgba(0,213,255,.15),transparent 30%),linear-gradient(135deg,#07162b,#08071c 65%,#16072a);display:flex;align-items:center;padding:54px 62px}.secondary-hero:after{content:"";position:absolute;inset:auto -80px -160px auto;width:430px;height:430px;border:1px solid rgba(0,219,255,.18);border-radius:50%;box-shadow:0 0 80px rgba(144,31,255,.18)}.secondary-hero-copy{position:relative;z-index:2;max-width:850px}.secondary-kicker{display:block;color:#ff25d8;font-size:12px;font-weight:900;letter-spacing:.16em;margin-bottom:14px}.secondary-hero h1{font-size:clamp(42px,5vw,76px);line-height:.95;letter-spacing:-.045em;margin:0 0 18px}.secondary-hero p{max-width:780px;color:#b9c9e6;font-size:17px;line-height:1.7;margin:0}.secondary-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;border:1px solid #24527a;color:#fff;text-decoration:none;font-weight:900;font-size:13px}.secondary-btn.primary{border:0;background:linear-gradient(90deg,#8c20ff,#ff24ae);box-shadow:0 10px 30px rgba(166,28,255,.22)}.secondary-btn:hover{transform:translateY(-2px)}
.secondary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 28px}.info-card{position:relative;overflow:hidden;border:1px solid #17365a;border-radius:18px;background:#07162a;padding:28px;min-height:180px}.info-card .icon{font-size:28px;margin-bottom:18px}.info-card h2,.info-card h3{margin:0 0 10px;color:#fff}.info-card p{margin:0;color:#aebed8;line-height:1.7}.info-card strong{color:#fff}.secondary-content{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin:18px 0 34px}.content-panel,.side-panel{border:1px solid #17365a;border-radius:18px;background:#07162a;padding:34px}.content-panel h2{font-size:26px;margin:28px 0 10px}.content-panel h2:first-child{margin-top:0}.content-panel p,.content-panel li{color:#b8c7df;line-height:1.75}.content-panel a,.side-panel a{color:#24d9ff}.side-panel{height:max-content;position:sticky;top:20px}.side-panel h3{margin-top:0}.side-panel nav{display:grid;gap:8px}.side-panel nav a{padding:10px 12px;border-radius:9px;text-decoration:none;color:#c5d4ea;background:#0b1b31}.brand-feature-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #17365a;border-radius:16px;background:#07162a;margin:18px 0 28px}.brand-feature-strip div{padding:20px 22px;border-right:1px solid #17365a;display:flex;gap:12px;align-items:center}.brand-feature-strip div:last-child{border-right:0}.brand-feature-strip b{display:block;font-size:13px}.brand-feature-strip small{color:#8da2c1}.secondary-page .site-footer{border-top:1px solid #17365a;padding:24px max(32px,5vw);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#020714}.secondary-page .site-footer img{height:38px;width:auto}.secondary-page .site-footer p{color:#8195b4;margin:0}.secondary-page .footer-links{display:flex;gap:18px;flex-wrap:wrap}.secondary-page .footer-links a{color:#aebed8;text-decoration:none;font-size:12px}
.library.secondary-library{padding-bottom:18px}.library.secondary-library .library-head{padding-top:54px}.library.secondary-library .library-grid{margin-bottom:28px}.library-tools{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin:26px 0}.quick-panel,.category-panel{border:1px solid #17365a;border-radius:18px;background:linear-gradient(135deg,#07162a,#100828);padding:28px}.quick-panel h2,.category-panel h2{margin:5px 0 8px}.quick-panel p,.category-panel p{color:#9fb2cf}.quick-panel button{border:0;border-radius:12px;padding:14px 22px;background:linear-gradient(90deg,#8c20ff,#ff24ae);color:#fff;font-weight:900;cursor:pointer}.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.category-chips a{color:#d9e5f7;text-decoration:none;border:1px solid #264867;background:#09182b;padding:9px 13px;border-radius:999px;font-size:12px}.library-seo{border:1px solid #17365a;border-radius:18px;background:#07162a;padding:28px 34px;margin:0 0 30px}.library-seo h2{margin:0 0 8px}.library-seo p{color:#9fb2cf;line-height:1.7;margin:0;max-width:1000px}
@media(max-width:900px){.secondary-shell{width:min(100% - 28px,1440px)}.secondary-hero{padding:38px 26px;min-height:270px}.secondary-grid{grid-template-columns:1fr}.secondary-content{grid-template-columns:1fr}.side-panel{position:static}.brand-feature-strip{grid-template-columns:1fr 1fr}.brand-feature-strip div:nth-child(2){border-right:0}.library-tools{grid-template-columns:1fr}.secondary-page .site-footer{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.brand-feature-strip{grid-template-columns:1fr}.brand-feature-strip div{border-right:0;border-bottom:1px solid #17365a}.brand-feature-strip div:last-child{border-bottom:0}.secondary-hero h1{font-size:42px}.secondary-page .brand-logo img{height:36px}}
