*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0b0d1a;--color-fg:#f5f6fa;--color-fg-muted:#f5f6fab3;--color-border:#ffffff14;--max-width:1200px}html,body{background:var(--color-bg);color:var(--color-fg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.page{max-width:var(--max-width);margin:0 auto;padding:56px 24px 48px}.page-header{align-items:center;gap:14px;margin-bottom:10px;display:flex}.page-header img{width:48px;height:48px}.page-header h1{letter-spacing:-.02em;font-size:32px;font-weight:700}.page-tagline{color:var(--color-fg-muted);margin-bottom:36px;font-size:16px}.tiles{grid-template-columns:repeat(6,1fr);grid-auto-rows:180px;gap:16px;display:grid}.tile{border:1px solid var(--color-border);color:#fff;isolation:isolate;border-radius:16px;flex-direction:column;justify-content:space-between;padding:28px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.tile:before{content:"";z-index:-1;background:var(--tile-bg,#1a1a2e);transition:transform .6s;position:absolute;inset:0}.tile:hover{color:#fff;text-decoration:none;transform:translateY(-3px);box-shadow:0 18px 40px #00000059}.tile:hover:before{transform:scale(1.05)}.tile-icon{font-size:44px;line-height:1}.tile-body h2{letter-spacing:-.01em;margin-bottom:6px;font-size:26px;font-weight:700}.tile-body p{opacity:.85;max-width:44ch;font-size:14px}.tile-cta{letter-spacing:.04em;text-transform:uppercase;opacity:.8;font-size:13px;font-weight:600}.tile--large{grid-area:span 2/span 4}.tile--tall{grid-area:span 2/span 2}.tile--wide{grid-area:span 1/span 3}.tile--square{grid-area:span 1/span 2}.tile--travel{--tile-bg:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.tile--cooking{--tile-bg:linear-gradient(160deg, #f5576c 0%, #f093fb 100%)}.tile--about{--tile-bg:linear-gradient(135deg, #1a1a2e 0%, #0f3460 100%)}.tile--soon{--tile-bg:linear-gradient(135deg, #2c2f4a 0%, #1a1a2e 100%);color:var(--color-fg-muted);cursor:default}.tile--soon:hover{box-shadow:none;transform:none}.tile--soon:hover:before{transform:none}.footer{border-top:1px solid var(--color-border);color:var(--color-fg-muted);text-align:center;margin-top:48px;padding-top:24px;font-size:13px}.footer-links{justify-content:center;gap:18px;margin-bottom:10px;display:flex}.footer-links a{color:var(--color-fg-muted);text-decoration:none}.footer-links a:hover{color:var(--color-fg)}.content{max-width:720px;margin:0 auto;padding:56px 24px 48px}.content .back{color:var(--color-fg-muted);margin-bottom:24px;font-size:14px;text-decoration:none;display:inline-block}.content .back:hover{color:var(--color-fg)}.content h1{letter-spacing:-.02em;margin-bottom:8px;font-size:30px;font-weight:700}.content .updated{color:var(--color-fg-muted);margin-bottom:28px;font-size:13px}.content h2{margin:28px 0 10px;font-size:20px;font-weight:700}.content p,.content li{color:var(--color-fg-muted);margin-bottom:12px;font-size:15px}.content ul{margin-bottom:12px;padding-left:20px}.content a{color:var(--color-fg);text-decoration:underline}@media (max-width:900px){.tiles{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}.tile--large,.tile--tall{grid-area:span 2/span 2}.tile--wide{grid-area:span 1/span 2}.tile--square{grid-area:span 1/span 1}}@media (max-width:520px){.page{padding:32px 16px}.tiles{grid-template-columns:1fr}.tile,.tile--large,.tile--tall,.tile--wide,.tile--square{grid-area:span 1/span 1;min-height:160px}.tile-body h2{font-size:22px}}
