@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Cinzel:wght@400;500&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400;1,500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #201c2e;--surface: #282440;--surface-hover: #302b4a;--text-primary: #ede3d8;--text-secondary: #bca898;--text-muted: #9a8c80;--border-faint: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .18)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:Cormorant Garamond,Georgia,serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.55;mix-blend-mode:overlay}.hub{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 2rem 6rem;background:radial-gradient(ellipse 75% 45% at 50% -5%,rgba(245,182,66,.04) 0%,transparent 65%),radial-gradient(ellipse 55% 55% at 5% 95%,rgba(60,68,116,.08) 0%,transparent 55%),radial-gradient(ellipse 55% 55% at 95% 95%,rgba(153,51,0,.07) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 85% 15%,rgba(26,92,78,.06) 0%,transparent 55%)}.hub-header{width:100%;max-width:1120px;display:flex;justify-content:space-between;align-items:center;padding:2.2rem 0;border-bottom:1px solid var(--border-faint);margin-bottom:5.5rem;opacity:0;transform:translateY(-10px);animation:reveal .65s ease forwards}.hub-logo{font-family:Cinzel,serif;font-size:.72rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted)}.hub-header-tag{font-family:Cinzel,serif;font-size:.67rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border-faint);padding:.35rem .75rem}.hub-hero{text-align:center;margin-bottom:5rem;max-width:640px;opacity:0;transform:translateY(14px);animation:reveal .75s ease forwards .18s}.hub-hero-eyebrow{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.1rem;font-weight:300;color:var(--text-muted);letter-spacing:.1em;margin-bottom:.75rem}.hub-hero-title{font-family:Cinzel Decorative,serif;font-size:clamp(2.1rem,4.8vw,3.3rem);font-weight:700;color:var(--text-primary);line-height:1.18;letter-spacing:.03em;margin-bottom:1.3rem}.hub-hero-subtitle{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.28rem;font-weight:300;color:var(--text-secondary);letter-spacing:.05em;line-height:1.65}.hub-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;width:100%;max-width:1120px}.app-card{position:relative;background:var(--surface);border:1px solid var(--border-faint);border-top:none;padding:2.4rem 2rem 2rem;display:flex;flex-direction:column;gap:1.1rem;min-height:360px;text-decoration:none;color:inherit;cursor:pointer;opacity:0;transform:translateY(22px);animation:reveal .7s ease forwards;transition:background .32s ease,box-shadow .32s ease,transform .32s ease,border-color .32s ease}.app-card:hover{transform:translateY(-7px);background:var(--surface-hover);border-color:var(--border-subtle);box-shadow:0 0 0 1px var(--card-border),0 24px 64px var(--card-glow),0 6px 24px #0000008c}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,var(--card-bar),transparent 80%);opacity:.82;transition:opacity .3s ease}.app-card:hover:before{opacity:1}.app-card:nth-child(1){animation-delay:.38s}.app-card:nth-child(2){animation-delay:.52s}.app-card:nth-child(3){animation-delay:.66s}.app-card:nth-child(4){animation-delay:.8s}.app-card:nth-child(5){animation-delay:.94s}.app-card:nth-child(6){animation-delay:1.08s}.card-icon{display:block;opacity:.88;transition:opacity .3s ease;flex-shrink:0}.app-card:hover .card-icon{opacity:1}.card-name{font-family:Cinzel,serif;font-size:.76rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--card-text);opacity:.95;transition:opacity .3s ease}.app-card:hover .card-name{opacity:1}.card-divider{height:1px;background:linear-gradient(90deg,var(--card-bar) 0%,transparent 70%);opacity:.24;transition:opacity .3s ease}.app-card:hover .card-divider{opacity:.38}.card-description{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.2rem;font-weight:300;line-height:1.78;color:var(--text-secondary);flex:1}.card-cta{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-family:Cinzel,serif;font-size:.69rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--card-text);opacity:.75;padding-top:.9rem;border-top:1px solid var(--card-border);width:100%;transition:opacity .25s ease,gap .25s ease}.app-card:hover .card-cta{opacity:1;gap:.85rem}.card-arrow{display:inline-block;transition:transform .25s ease}.app-card:hover .card-arrow{transform:translate(3px)}.hub-footer{margin-top:5.5rem;text-align:center;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);opacity:0;animation:reveal .65s ease forwards .9s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media (max-width: 820px){.hub-cards{grid-template-columns:1fr;max-width:460px}.hub-hero{margin-bottom:3.5rem}.hub-header{margin-bottom:4rem}.app-card{min-height:auto}}@media (min-width: 821px) and (max-width: 1024px){.hub-cards{gap:1rem}.hub-hero-title{font-size:2.2rem}}