*{box-sizing:border-box;margin:0;padding:0}:root{--brand-primary:#2a48be;--brand-primary-dark:#203896;--brand-light:#f8f9ff;--brand-accent:rgba(42,72,190,.1);--text-primary:#1a1a1a;--text-secondary:#666;--white:#fff;--stripe-pattern:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 20px)}body{background:var(--brand-light);color:var(--text-primary);font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;padding:20px}.hub-page,body{min-height:100vh}.hub-page{align-items:center;display:flex;justify-content:center;padding:60px 20px}.container{margin:0 auto;max-width:1400px;width:100%}.logo-section{margin-bottom:50px;text-align:center}.logo-section img{height:auto;max-width:280px}.headline-section{margin-bottom:70px;text-align:center}.headline-section h1{color:var(--brand-primary);font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.headline-section .subtitle{color:var(--text-secondary);font-family:Rubik,sans-serif;font-size:1.35rem;font-weight:400}.cards-grid{display:grid;gap:40px;grid-template-columns:repeat(2,1fr);margin-bottom:70px;margin-left:auto;margin-right:auto;max-width:1200px}.hub-card{align-items:center;background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:320px;overflow:hidden;padding:50px 40px;position:relative;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.hub-card:before{background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary-dark) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.hub-card:hover:before{opacity:1}.hub-card:after{background:var(--stripe-pattern);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}.hub-card:hover:after{opacity:.2}.hub-card:hover{border-color:var(--brand-primary);box-shadow:0 12px 32px rgba(42,72,190,.2);transform:translateY(-6px)}.card-icon{align-items:center;background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary-dark) 100%);border-radius:50%;display:flex;height:120px;justify-content:center;margin-bottom:28px;position:relative;transition:all .4s ease;width:120px;z-index:2}.card-icon:before{background:var(--stripe-pattern);border-radius:50%;bottom:0;content:"";left:0;opacity:.15;position:absolute;right:0;top:0}.hub-card:hover .card-icon{background:var(--white);transform:scale(1.1) rotate(5deg)}.card-icon svg{color:var(--white);position:relative;z-index:1}.hub-card:hover .card-icon svg{color:var(--brand-primary)}.card-content{position:relative;transition:color .4s ease;z-index:2}.card-content h2{color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin-bottom:12px;transition:color .4s ease}.hub-card:hover .card-content h2{color:var(--white)}.card-content p{color:var(--text-secondary);font-family:Open Sans,sans-serif;font-size:1rem;line-height:1.6;margin-bottom:20px;transition:color .4s ease}.hub-card:hover .card-content p{color:hsla(0,0%,100%,.95)}.card-link{align-items:center;color:var(--brand-primary);display:inline-flex;font-family:Rubik,sans-serif;font-size:.95rem;font-weight:600;gap:6px;transition:all .3s ease}.hub-card:hover .card-link{color:var(--white);transform:translateX(6px)}.flexible-content-area{margin-bottom:60px;margin-top:60px;width:100%}.dnd-section{margin:0 auto;max-width:1200px;width:100%}.footer-section{margin-top:50px;text-align:center}.footer-text{color:var(--text-secondary);font-family:Open Sans,sans-serif;font-size:.9rem}@media (max-width:1024px){.cards-grid{gap:30px}.headline-section h1{font-size:2.75rem}.card-content h2{font-size:1.5rem}.hub-card{min-height:300px;padding:40px 32px}.card-icon{height:100px;width:100px}.card-icon svg{height:52px;width:52px}}@media (max-width:768px){.cards-grid{gap:24px;grid-template-columns:1fr}.headline-section h1{font-size:2.25rem}.headline-section .subtitle{font-size:1.15rem}.hub-page{padding:40px 20px}.card-content h2{font-size:1.35rem}.card-content p{font-size:.95rem}.hub-card{min-height:280px;padding:35px 28px}}@media (max-width:480px){body{padding:10px}.headline-section h1{font-size:1.85rem}.headline-section{margin-bottom:50px}.logo-section{margin-bottom:35px}.logo-section img{max-width:200px}.cards-grid{gap:20px;margin-bottom:50px}.hub-card{min-height:260px;padding:30px 24px}.card-icon{height:80px;margin-bottom:20px;width:80px}.card-icon svg{height:42px;width:42px}.card-content h2{font-size:1.25rem;margin-bottom:8px}.card-content p{font-size:.9rem;margin-bottom:16px}}.hub-card:focus{outline:3px solid var(--brand-primary);outline-offset:4px}.hub-card:focus:not(:focus-visible){outline:none}.hub-card:focus-visible{outline:3px solid var(--brand-primary);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.hub-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid}.card-overlay{background:rgba(42,72,190,.9)!important}}