:root{--bg:#ebe8e2;--surface:#f7f6f2;--ink:#22222a;--ink-soft:#22222ab8;--primary:#e98a2e;--kpop-accent:#c460b8;--motki-accent:#e98a2e;--motki-burgundy:#8b3a2a;--shadow:0 1px 2px #22222a0f, 0 6px 20px #22222a0f;--shadow-hover:0 2px 4px #22222a14, 0 12px 28px #22222a1a;--radius:28px;--font-heading:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100dvh;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}#app{min-height:100dvh}.page{flex-direction:column;min-height:100dvh;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.main{flex:1;place-items:center;width:100%;max-width:48rem;margin:0 auto;display:grid}.hub{text-align:center;width:100%;animation:.9s cubic-bezier(.22,1,.36,1) both rise-in}.hub-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink);margin:0 0 clamp(1.75rem,4vw,2.5rem);font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1.15}.tiles{grid-template-columns:1fr;gap:1.15rem;display:grid}@media (width>=640px){.tiles{grid-template-columns:1fr 1fr;gap:1.35rem}}.tile{background:var(--surface);min-height:15rem;color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #22222a14;flex-direction:column;justify-content:center;align-items:center;gap:1.35rem;padding:1.75rem 1.4rem 1.5rem;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.tile--kpopownia{border-color:#c460b847}.tile--kociemotki{border-color:#e98a2e52}.tile:hover,.tile:focus-visible{box-shadow:var(--shadow-hover);outline:none;transform:translateY(-3px)}.tile--kpopownia:hover,.tile--kpopownia:focus-visible{border-color:var(--kpop-accent)}.tile--kociemotki:hover,.tile--kociemotki:focus-visible{border-color:var(--motki-accent)}.tile:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.tile-logo{flex-shrink:0;width:min(100%,11.5rem);height:auto;max-height:3.25rem;display:block}.tile-logo--kpopownia{width:min(100%,15rem);max-height:4rem}.tile-logo--kociemotki{width:min(100%,12.5rem);max-height:3.5rem}.tile-copy{flex-direction:column;align-items:center;gap:.45rem;max-width:18rem;display:flex}.tile-name{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ink);font-size:clamp(1.25rem,3.2vw,1.55rem);font-weight:700}.tile--kociemotki .tile-name{color:var(--motki-burgundy)}.tile-tag{color:var(--ink-soft);font-size:.95rem;font-weight:500;line-height:1.45}.footer{text-align:center;color:var(--ink-soft);margin-top:auto;padding-top:2rem;font-size:.875rem;font-weight:500;line-height:1.5;animation:1s cubic-bezier(.22,1,.36,1) .12s both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hub,.footer,.tile{transition:none!important;animation:none!important}.tile:hover,.tile:focus-visible{transform:none}}