@font-face{font-family:Drogowskaz;src:url(https://www.gyan.website/fonts/Drogowskaz_lekki_owalny.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}*{margin:0;padding:0}html{overflow-x:hidden}body{font-family:Drogowskaz,Helvetica Neue,Arial,sans-serif;background-color:#e7e7e7;color:#333;min-height:100vh;-webkit-user-select:none;user-select:none;overflow-x:hidden}*{box-sizing:border-box}.app{min-height:100vh;min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));font-family:Drogowskaz,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column}@media(min-width:640px){.app{padding:2rem max(2rem,env(safe-area-inset-right)) 2rem max(2rem,env(safe-area-inset-left));padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom))}}.header{text-align:center;margin-bottom:3rem}@media(max-width:480px){.header{margin-bottom:2rem}}.header h1{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:400;color:#b8b8b8;letter-spacing:.02em;margin:0;text-transform:uppercase}.links-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:900px;margin:0 auto;flex:1;width:100%}@media(min-width:520px){.links-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.links-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.link-tile{display:flex;flex-direction:column;position:relative;min-width:0;background-color:transparent;border:none;padding:clamp(1rem,4vw,1.25rem);min-height:140px;text-decoration:none;color:var(--tile-color);-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(min-width:640px){.link-tile{min-height:160px}}.tile-border-frame{position:absolute;inset:0;pointer-events:none}.tile-edge{position:absolute;background-color:var(--frame-color)}.tile-edge-top{top:0;left:0;right:0;height:2px;transform-origin:left}.tile-edge-right{top:0;right:0;bottom:0;width:2px;transform-origin:top}.tile-edge-bottom{bottom:0;left:0;right:0;height:2px;transform-origin:right}.tile-edge-left{top:0;left:0;bottom:0;width:2px;transform-origin:bottom}.link-tile:hover{background-color:var(--tile-color);color:#fff}.link-number,.link-name,.link-subtitle{position:relative;z-index:1}.link-number{display:block;font-size:clamp(2.25rem,8vw,3rem);font-weight:400;line-height:1;margin-bottom:.5rem}.link-name{display:block;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:400;text-transform:uppercase;letter-spacing:.04em;line-height:1.3}.link-subtitle{display:block;font-size:clamp(.85rem,2vw,.95rem);font-weight:400;line-height:1.4;margin-top:auto;overflow-wrap:break-word;padding-top:.5rem;text-transform:none;letter-spacing:0;opacity:0;transform:translateY(8px);transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.link-tile:hover .link-subtitle{opacity:.9;transform:translateY(0)}@keyframes subtitleSlideUp{to{opacity:.9;transform:translateY(0)}}@media(hover:none){.link-subtitle{animation:subtitleSlideUp .18s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--subtitle-delay, .8s)}}.footer{text-align:center;margin-top:auto;padding-top:2rem;padding-bottom:env(safe-area-inset-bottom);font-size:clamp(.8rem,2vw,.875rem);color:#b8b8b8}@media(min-width:640px){.footer{padding-top:3rem}}.footer a{color:inherit;text-decoration:underline}.footer a:hover{color:#888}