:root{--bg: #0b0f17;--bg-2: #0e1420;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--text: #e8ecf4;--text-muted: #9aa4b8;--text-dim: #6b7488;--accent: #6366f1;--accent-2: #38bdf8;--accent-admin: #f59e0b;--radius: 18px;--shadow: 0 20px 45px -25px rgba(0, 0, 0, .8);--header-h: 4rem;--footer-h: 3rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{position:relative;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(1200px 600px at 50% -10%,rgba(99,102,241,.14),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(56,189,248,.1),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg-2))}.app__glow{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 0);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);pointer-events:none;z-index:0}.app__body{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:clamp(1.25rem,3.5vh,2.25rem) clamp(1rem,4vw,2.25rem);display:flex;flex-direction:column;gap:clamp(1.1rem,3vh,1.85rem)}.header{position:relative;z-index:2;flex:0 0 auto;min-height:var(--header-h);display:flex;align-items:center;padding:.65rem clamp(1rem,4vw,2.25rem);border-bottom:1px solid var(--border);background:#0b0f17b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header__brand{display:flex;align-items:center;gap:.85rem;width:100%;max-width:1200px;margin:0 auto}.header__badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 12px 28px -12px #6366f1cc}.header__text{min-width:0}.header__title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(180deg,#fff,#c7cedf);-webkit-background-clip:text;background-clip:text;color:transparent}.header__subtitle{font-size:clamp(.8rem,2.4vw,.9rem);color:var(--text-muted)}.section__head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.9rem;padding-inline:.15rem}.section__title{font-size:clamp(1.05rem,3vw,1.3rem);font-weight:650;letter-spacing:-.01em}.section__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .4rem;font-size:.72rem;font-weight:700;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px}.carousel{--carousel-gap: clamp(.75rem, 1.6vw, 1.25rem);--visible: 1.15;position:relative}@media (min-width: 480px){.carousel{--visible: 2}}@media (min-width: 720px){.carousel{--visible: 3}}@media (min-width: 1000px){.carousel{--visible: var(--visible-max, 6)}}.carousel__track{display:flex;gap:var(--carousel-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.35rem .15rem .85rem;scrollbar-width:none}.carousel__track::-webkit-scrollbar{display:none}.carousel__item{flex:1 0 calc((100% - (var(--visible) - 1) * var(--carousel-gap)) / var(--visible));scroll-snap-align:start;display:flex}.carousel__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;color:var(--text);background:#0e1420d9;border:1px solid var(--border-hover);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s ease,transform .2s ease}.carousel__nav.is-visible{opacity:1;pointer-events:auto}.carousel__nav:hover:not(:disabled){background:#1e2636f2}.carousel__nav:disabled{opacity:0;pointer-events:none}.carousel__nav--prev{left:-6px}.carousel__nav--next{right:-6px}.card{position:relative;display:flex;flex-direction:row;align-items:center;gap:clamp(.75rem,1.5vw,1.15rem);width:100%;padding:clamp(.85rem,1.6vw,1.1rem) clamp(1rem,1.8vw,1.35rem);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;color:inherit;overflow:hidden;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(99,102,241,.5),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .22s ease;pointer-events:none}.card:hover{transform:translateY(-4px);border-color:var(--border-hover);background:var(--surface-hover);box-shadow:var(--shadow)}.card:hover:before{opacity:1}.card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border-radius:13px;color:var(--accent-2);background:#38bdf81a;border:1px solid rgba(56,189,248,.18);transition:transform .22s ease}.card:hover .card__icon{transform:scale(1.06)}.card__body{display:flex;flex-direction:column;gap:.15rem;flex:1 1 auto;min-width:0}.card__titlebar{display:flex;align-items:center;gap:.5rem}.card__title{font-size:1.05rem;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__description{font-size:.85rem;line-height:1.4;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__cta{display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0;font-size:.88rem;font-weight:600;color:var(--accent-2)}.card__cta svg{transition:transform .22s ease}.card:hover .card__cta svg{transform:translate(2px,-2px)}.card--admin .card__icon{color:var(--accent-admin);background:#f59e0b1a;border-color:#f59e0b33}.card--admin .card__cta{color:var(--accent-admin)}.card--admin:before{background:linear-gradient(135deg,rgba(245,158,11,.5),transparent 40%)}.card__tag{flex-shrink:0;padding:.12rem .5rem;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-admin);border:1px solid rgba(245,158,11,.3);border-radius:999px;background:#f59e0b14}.footer{position:relative;z-index:2;flex:0 0 auto;min-height:var(--footer-h);display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.5rem 1rem;font-size:.8rem;color:var(--text-dim);border-top:1px solid var(--border);background:#0b0f17b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.footer__dot{opacity:.5}@media (max-width: 560px){.app__body{scrollbar-width:none}.app__body::-webkit-scrollbar{display:none}.card__cta-text{display:none}}@media (prefers-reduced-motion: reduce){*,.carousel__track{transition:none!important;scroll-behavior:auto!important}}