:root{--bg-page: #f4f4f5;--surface: #ffffff;--surface-hover: #f4f4f5;--border-color: #d4d4d8;--tile-border-light: rgba(0, 0, 0, .08);--tile-border-dark: rgba(255, 255, 255, .14);--text-main: #18181b;--text-muted: #52525b;--error-color: #b91c1c;--panel-shadow: 0 8px 20px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg-page);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3{font-family:inherit}#root{min-height:100vh}@media(prefers-color-scheme:dark){:root{--bg-page: #0f0f10;--surface: #1a1a1c;--surface-hover: #232326;--border-color: #323238;--text-main: #f4f4f5;--text-muted: #a1a1aa;--error-color: #fca5a5;--panel-shadow: 0 10px 24px rgba(0, 0, 0, .35)}}.language-selector{position:fixed;top:1rem;right:1rem;z-index:20}.lang-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--surface);border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.lang-btn:hover{background:var(--surface-hover);transform:translateY(-1px)}.language-dropdown{position:absolute;top:calc(100% + .35rem);right:0;display:flex;flex-direction:column;gap:.35rem;padding:.35rem;background:var(--surface);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 14px 24px #0f172a2e}.lang-flag{font-size:1.2rem;line-height:1}.app-shell{width:min(72rem,100% - 2rem);margin:0 auto;padding:5rem 0 3rem}.hero{display:flex;justify-content:center;margin-bottom:1.25rem}.logo-frame{display:inline-flex;align-items:center;justify-content:center;min-width:8.25rem;min-height:5.1rem;padding:.95rem 1.45rem;background:var(--surface);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--panel-shadow)}.logo-mark{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:.04em;color:var(--text-main)}.tiles-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(13.5rem,16.5rem));justify-content:center;gap:.9rem}.project-tile{--tile-start-light: #f5f5f5;--tile-end-light: #ececec;--tile-text-light: #1a1a1a;--tile-start-dark: #202020;--tile-end-dark: #2b2b2b;--tile-text-dark: #f5f5f5;display:flex;align-items:center;gap:.85rem;padding:.85rem;text-decoration:none;color:var(--tile-text-light);background:linear-gradient(140deg,var(--tile-start-light),var(--tile-end-light));border:1px solid var(--tile-border-light);border-radius:1rem;min-height:7.6rem;transition:transform .15s ease,box-shadow .15s ease}.project-tile:hover{transform:translateY(-2px);box-shadow:var(--panel-shadow)}.tile-icon{flex:0 0 auto;width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;background:#ffffff59;font-size:1.6rem}.tile-icon img{width:2.4rem;height:2.4rem;display:block}.tile-content h2{font-size:1rem;margin-bottom:.35rem}.tile-content p{font-size:.86rem;line-height:1.35;margin-bottom:.55rem;opacity:.9}.tile-action{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.88}.status-message{text-align:center;margin:1.2rem 0;color:var(--text-muted)}.status-error{color:var(--error-color)}@media(max-width:40rem){.app-shell{width:min(70rem,100% - 1.25rem);padding-top:4.4rem}.tiles-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.project-tile{min-height:7.1rem}}@media(prefers-color-scheme:dark){.project-tile{color:var(--tile-text-dark);background:linear-gradient(140deg,var(--tile-start-dark),var(--tile-end-dark));border-color:var(--tile-border-dark)}.tile-icon{background:#ffffff1a}}