.rn-hub-page-container{color:#f5f5f7;background-color:#1c1c1e;min-height:calc(100vh - 96px);padding:60px 40px;font-family:-apple-system,BlinkMacSystemFont,SF Pro,Inter,sans-serif;overflow-x:hidden}.rn-hero{text-align:center;max-width:980px;margin:0 auto 80px}.rn-title{color:#fff;letter-spacing:-.02em;margin:0 0 24px;font-size:56px;font-weight:700}.rn-subtitle{color:#f5f5f7;margin:0;font-size:24px;font-weight:400;line-height:1.4}.app-showcase-container{flex-direction:column;gap:60px;max-width:1080px;margin:0 auto 120px;display:flex}.showcase-card{background-color:#111;border:1px solid #333336;border-radius:28px;flex-direction:column;text-decoration:none;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.showcase-card:hover{border-color:#55555a;transform:scale(1.01)}.showcase-card.featured{background:radial-gradient(circle at 100% 0,#1a1a1a 0%,#0a0a0a 100%);border:1px solid #44444a}.showcase-content{flex-direction:column;gap:16px;padding:40px;display:flex}.showcase-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:32px;font-weight:600}.showcase-desc{color:#a1a1a6;max-width:600px;margin:0;font-size:18px;line-height:1.5}.showcase-image-wrapper{border-top:1px solid #333336;width:100%;height:400px;position:relative;overflow:hidden}.showcase-image-wrapper img{object-fit:cover;object-position:center top;width:100%;height:100%}.showcase-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.showcase-grid .showcase-card{border-radius:24px}.showcase-grid .showcase-image-wrapper{height:240px}.showcase-grid .showcase-title{font-size:24px}.showcase-grid .showcase-desc{font-size:16px}.view-notes-link{color:#2997ff;align-items:center;gap:4px;margin-top:12px;font-size:15px;font-weight:500;display:flex}.view-notes-link svg{transition:transform .2s}.showcase-card:hover .view-notes-link svg{transform:translate(4px)}@media (max-width:980px){.rn-hub-page-container{padding:40px 20px}.rn-title{font-size:42px}.rn-subtitle{font-size:20px}.showcase-grid{grid-template-columns:1fr}}@media (max-width:768px){.rn-title{font-size:36px}.rn-subtitle{font-size:18px}.showcase-content{padding:24px}.showcase-title{font-size:24px}}