:root{--body-color: #1f2430;--magenta-color: rgb(255, 42, 212);--orange-color: #ff6f00;--orange-light: #ff9a3d;--bg-0: #ffffff;--bg-1: #f6f7f9;--bg-2: #eef0f4;--card-bg: #ffffff;--text-muted: #5b6472;--border: #e6e9ef;--shadow-sm: 0 2px 8px rgba(31, 36, 48, .06);--shadow-lg: 0 24px 48px -12px rgba(31, 36, 48, .28);--radius: 16px}body{--body-font-weight: 400;margin:0;font-family:Open Sans,sans-serif;min-height:100vh;color:var(--body-color);background-color:var(--bg-0);background-image:radial-gradient(900px 520px at 10% -5%,rgba(255,111,0,.08),transparent 60%),radial-gradient(820px 520px at 92% 0%,rgba(255,42,212,.05),transparent 62%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 42%,var(--bg-2) 100%);background-attachment:fixed;font-size:1rem;font-weight:400;line-height:1.5}.app-shell{min-height:100vh;position:relative}p{margin-top:0;margin-bottom:1rem}header.container{margin-top:3vh}.container{--container-gutter-x: 1.5rem;width:100%;padding-right:calc(var(--container-gutter-x) * .5);padding-left:calc(var(--container-gutter-x) * .5);margin-right:auto;margin-left:auto;box-sizing:border-box}.header-container{display:flex;flex-wrap:wrap;align-items:center}img{vertical-align:middle}.logo-image{transition:transform .35s ease,filter .35s ease;border-radius:10px}.logo-image:hover{transform:scale(1.06) rotate(-2deg)}h1{margin-top:0;line-height:1.2}.header-container img{width:52px;height:52px;flex:0 0 auto;margin-right:16px}.header-container h1{flex:1 1 auto;display:flex;align-items:flex-end;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;letter-spacing:.02em;margin-bottom:0;background:linear-gradient(120deg,var(--body-color) 40%,var(--orange-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subheader-container{padding-top:.3rem;margin-left:.2rem}.subheader-container h6{font-weight:400;font-size:1rem;margin-top:0;margin-bottom:.2rem;line-height:1.3;text-align:left;color:var(--text-muted)}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:1080px}}header+h2{font-weight:400;text-align:center;margin-top:7vh;margin-bottom:4vh;font-size:clamp(1.4rem,3vw,1.8rem);color:var(--body-color);position:relative}header+h2:after{content:"";display:block;width:56px;height:4px;border-radius:999px;margin:.8rem auto 0;background-color:var(--orange-color)}.cards-status{text-align:center;color:var(--text-muted);padding:3rem 1rem}.custom-card-group{justify-content:center;display:flex;flex-flow:row wrap;gap:1.4rem;padding:.5rem 0 1rem}.single-card{width:100%;max-width:14rem;margin:0;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;position:relative;display:flex;flex-direction:column;background-color:var(--card-bg);box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease;will-change:transform}.single-card:hover{border-color:var(--orange-color);transform:translate3d(0,-6px,0) scale(1.02);box-shadow:var(--shadow-lg)}.single-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.single-card:hover:after{transform:scaleX(1)}.single-card img{width:100%;height:10.5rem;object-fit:cover;vertical-align:middle;transition:transform .4s ease}.single-card:hover img{transform:scale(1.05)}.single-card p{font-size:.9rem;padding:.75rem .9rem;margin:0;line-height:1.35}a.card-link{text-decoration:none;color:var(--body-color);transition:color .2s ease}a.card-link:hover{color:var(--orange-color)}.card-text{height:100%;background-color:var(--card-bg);border-top:1px solid var(--border)}.card-text p{text-align:left;font-weight:500}footer{margin-top:8vh;border-top:1px solid var(--border);background-color:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.footer-flex{display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:.9em;padding-top:2rem}.footer-flex p{margin-bottom:0}footer a:link,footer a:visited{text-decoration:none;color:var(--text-muted);transition:color .2s ease}footer a:hover,footer a:active{color:var(--orange-color)}.copyright{text-align:center;padding-top:1.2rem;padding-bottom:1.5rem;color:var(--text-muted)}.copyright span{color:var(--orange-color);font-weight:600}
