:root{--space-silver: #d1d3d4;--light-silver: #f2f2f2;--cool-blue: #00a0de;--black: #0b0b0b;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(135deg,var(--cool-blue) 0%,#0089c4 100%);color:var(--black);overflow-x:hidden}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .3s ease-in-out}#app.ready{opacity:1}.language-selector{width:100%;max-width:500px;background:var(--white);border-radius:20px;padding:32px 24px;box-shadow:0 20px 60px #0b0b0b40}.title{font-size:24px;font-weight:700;color:var(--black);text-align:center;margin-bottom:32px;line-height:1.3}.button-container{display:flex;flex-direction:column;gap:12px}.language-button{width:100%;padding:18px 24px;font-size:18px;font-weight:600;color:var(--black);background:var(--light-silver);border:2px solid var(--space-silver);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.language-button:hover{background:var(--cool-blue);color:var(--white);border-color:var(--cool-blue);transform:translateY(-2px);box-shadow:0 4px 12px #00a0de66}.language-button:active{transform:translateY(0);box-shadow:0 2px 4px #00a0de4d}.language-button:focus{outline:none;border-color:var(--cool-blue);box-shadow:0 0 0 3px #00a0de33}.language-button:disabled{opacity:.5;cursor:not-allowed;background:var(--space-silver);color:#6b7280;border-color:var(--space-silver);transform:none;box-shadow:none}@media(min-width:768px){.language-selector{padding:40px 32px}.title{font-size:28px;margin-bottom:36px}.language-button{padding:20px 28px;font-size:19px}}@media(min-width:1024px){.language-selector{max-width:600px}}@media(max-width:374px){.language-selector{padding:24px 20px}.title{font-size:20px;margin-bottom:24px}.language-button{padding:16px 20px;font-size:16px}}.loading-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:60px;height:60px;border:6px solid var(--white);border-top-color:var(--cool-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}