:root{--text:#433e5f;--text-h:#1a1630;--bg:#f4f2ff;--accent:#6f4dff;--accent-bg:#6f4dff1f;--shadow:#28205814 0 18px 35px -18px, #28205814 0 4px 12px -4px;letter-spacing:.18px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:18px/1.65 system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f6f3ff 0%,#eef0ff 100%);margin:0}#root{flex-direction:column;align-items:center;gap:24px;width:min(1126px,100%);min-height:100vh;margin:0 auto;padding:18px;display:flex}h1,h2{color:var(--text-h);margin:0;font-weight:700}h1{font-size:clamp(2.1rem,4vw,3rem);line-height:1.05}p{color:var(--text);margin:.85rem 0 0;line-height:1.75}header,#root>h1,.card{width:min(960px,100%);box-shadow:var(--shadow);background:#fffffff5;border:1px solid #6f4dff29;border-radius:24px;margin:0 auto;padding:26px 28px}.teller-container{flex-direction:column;align-items:center;gap:18px;display:flex}.teller-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:12px 18px;font-weight:600;transition:transform .18s,background-color .18s}.teller-button:hover,.teller-button:focus-visible{background:#5c3ffa;transform:translateY(-1px)}nav{width:min(980px,100%);box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #6f4dff24;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto;padding:14px 18px;display:flex}nav a{color:var(--text-h);border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;transition:transform .18s,background-color .18s,color .18s}nav a:hover,nav a:focus-visible{background:var(--accent-bg);color:var(--accent);transform:translateY(-1px)}@media (width<=680px){header,#root>h1{padding:20px 18px}}@media (width<=520px){nav{gap:8px;padding:12px 14px}nav a{padding:8px 12px;font-size:.95rem}}