.app-name-pulse{color:var(--color-primary, var(--brand, #ed1c24))}.logo-ycab,.logo-ycab-pulse{display:inline-flex;align-items:center;width:auto}.logo-ycab-img,.logo-ycab-pulse-img{display:block;width:auto;height:100%;object-fit:contain;object-position:left center}.logo-ycab-dark,.logo-ycab-pulse-dark,html.dark .logo-ycab-light,html.dark .logo-ycab-pulse-light,.dark .logo-ycab-light,.dark .logo-ycab-pulse-light{display:none}html.dark .logo-ycab-dark,html.dark .logo-ycab-pulse-dark,.dark .logo-ycab-dark,.dark .logo-ycab-pulse-dark{display:block}:root{--bg: #fafafa;--bg-soft: #ffffff;--ink: #27272a;--muted: #71717a;--line: #e4e4e7;--tile: #ffffff;--tile-hover: #ffffff;--brand: #ed1c24;--brand-dark: #c43232;--brand-soft: rgba(237, 28, 36, .1);--glow: rgba(237, 28, 36, .12);--shadow: 0 1px 2px rgba(24, 24, 27, .04), 0 8px 24px rgba(24, 24, 27, .06);--shadow-hover: 0 10px 28px rgba(24, 24, 27, .1);--font-display: "Inter", ui-sans-serif, system-ui, sans-serif;--font-body: "Nunito", ui-sans-serif, system-ui, sans-serif}html.dark{--bg: #18181b;--bg-soft: #27272a;--ink: #f4f4f5;--muted: #a1a1aa;--line: #3f3f46;--tile: #27272a;--tile-hover: #3f3f46;--brand-soft: rgba(237, 28, 36, .18);--glow: rgba(237, 28, 36, .2);--shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 8px 24px rgba(0, 0, 0, .25);--shadow-hover: 0 12px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}[x-cloak]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);background:radial-gradient(900px 420px at 8% -10%,var(--glow),transparent 55%),radial-gradient(700px 380px at 100% 0%,rgba(237,28,36,.06),transparent 50%),var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(113,113,122,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(113,113,122,.07) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 15%,transparent 72%);mask-image:radial-gradient(ellipse at center,black 15%,transparent 72%);opacity:.7;animation:gridDrift 28s linear infinite}html.dark body:before{background-image:linear-gradient(rgba(161,161,170,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(161,161,170,.08) 1px,transparent 1px)}@keyframes gridDrift{0%{transform:translateY(0)}to{transform:translateY(48px)}}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.shell{position:relative;z-index:1;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2.25rem 0 5.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:1rem;background:var(--bg-soft);box-shadow:var(--shadow);animation:riseIn .65s ease both}.brand-mark{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.brand-mark .logo-ycab-pulse,.logo-ycab-pulse{height:40px}.hero-logo{height:clamp(2.4rem,7vw,3.75rem);width:auto;margin:0 0 1rem;animation:riseIn .75s ease both}.brand-mark span{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;font-size:.92rem;color:var(--ink)}.brand-mark small{display:block;font-family:var(--font-body);font-weight:600;font-size:.72rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:.5rem}.login-link,.theme-btn{color:var(--ink);text-decoration:none;font-size:.875rem;font-weight:700;padding:.55rem .95rem;border:1px solid var(--line);border-radius:999px;background:var(--bg);transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;cursor:pointer}.login-link:hover,.theme-btn:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.login-link.primary{background:var(--brand);border-color:var(--brand);color:#fff}.login-link.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.theme-btn{width:2.5rem;height:2.5rem;padding:0;display:grid;place-items:center}.theme-btn svg{width:1rem;height:1rem}.appearance-fab{position:fixed;right:max(1.25rem,env(safe-area-inset-right,0px));bottom:max(1.25rem,env(safe-area-inset-bottom,0px));z-index:40;width:3.5rem;height:3.5rem;display:grid;place-items:center;border:1px solid transparent;border-radius:999px;background:var(--brand);color:#fff;box-shadow:0 8px 24px #ed1c2459,var(--shadow);cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.appearance-fab:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 12px 28px #ed1c246b,var(--shadow-hover)}.appearance-fab:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--brand)}.appearance-fab svg{width:1.25rem;height:1.25rem}.footer a{color:inherit;font-weight:700;text-decoration:none}.footer a:hover{color:var(--brand)}.hero{display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem 0 1.5rem;margin-bottom:1.5rem}.hero-brand{font-family:var(--font-display);font-weight:700;font-size:clamp(2.8rem,8vw,5.5rem);line-height:.95;letter-spacing:-.03em;margin:0 0 .85rem;color:var(--ink);animation:riseIn .75s ease both}.hero-brand em{font-style:normal;color:var(--brand)}.hero-copy{max-width:34rem;margin:0 0 1.25rem;color:var(--muted);font-size:clamp(1rem,2vw,1.1rem);line-height:1.55;font-weight:600;animation:riseIn .8s ease .06s both}.search-wrap{position:relative;max-width:28rem;animation:riseIn .85s ease .1s both}.search-wrap input{width:100%;appearance:none;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);border-radius:.9rem;padding:.9rem 1rem .9rem 2.7rem;font:inherit;font-size:.98rem;font-weight:600;outline:none;box-shadow:var(--shadow);transition:border-color .2s ease,box-shadow .2s ease}.search-wrap input::placeholder{color:#a1a1aa;font-weight:500}.search-wrap input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.search-wrap svg{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:0 0 1rem;animation:riseIn .75s ease .14s both}.section-head h2{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700}.section-head p{margin:.2rem 0 0;color:var(--muted);font-size:.9rem;font-weight:600}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.9rem}.tile{grid-column:span 6;display:flex;flex-direction:column;gap:.8rem;text-decoration:none;color:inherit;padding:1.15rem 1.2rem;border-radius:1rem;border:1px solid var(--line);background:var(--tile);box-shadow:var(--shadow);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;animation:riseIn .65s ease both;min-height:148px}.tile:hover{transform:translateY(-3px);background:var(--tile-hover);border-color:color-mix(in srgb,var(--accent, var(--brand)) 35%,var(--line));box-shadow:var(--shadow-hover)}.tile.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.icon{width:42px;height:42px;border-radius:.75rem;display:grid;place-items:center;background:color-mix(in srgb,var(--accent, var(--brand)) 12%,transparent);color:var(--accent, var(--brand));flex-shrink:0}.icon svg{width:20px;height:20px}.cat{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:.28rem .55rem;border-radius:999px;border:1px solid var(--line);background:var(--bg)}.tile h3{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:700}.tile p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45;font-weight:600;flex:1}.tile-foot{display:flex;align-items:center;margin-top:auto;font-size:.82rem;font-weight:800;color:var(--accent, var(--brand))}.tile-foot span{display:inline-flex;align-items:center;gap:.35rem}.tile:hover .tile-foot svg{transform:translate(3px)}.tile-foot svg{width:14px;height:14px;transition:transform .2s ease}.empty{grid-column:1 / -1;text-align:center;color:var(--muted);padding:2rem 1rem;border:1px dashed var(--line);border-radius:1rem;background:var(--bg-soft);font-weight:600}.footer{margin-top:2.25rem;padding-top:1.1rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.82rem;font-weight:600;animation:riseIn .75s ease .25s both}.footer code{font-size:.78rem;background:var(--bg-soft);border:1px solid var(--line);padding:.1rem .35rem;border-radius:4px}@media (min-width: 900px){.tile{grid-column:span 4}.shell{padding-top:2.5rem}}@media (max-width: 640px){.tile{grid-column:span 12}.brand-copy{display:none}.hero{min-height:auto;padding-top:.5rem}.topbar{padding:.7rem .8rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
