:root{--brand-blue: #9FD3FF;--ink: #0f172a;--soft-ink: #334155;--white: #ffffff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--ink);background:var(--brand-blue)}#app{height:100vh;position:relative}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--brand-blue);transition:opacity .6s ease,visibility .6s ease;z-index:50}.loading.hidden{opacity:0;visibility:hidden}.loader-card{width:min(92vw,520px);background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:24px;padding:28px 28px 22px;box-shadow:0 10px 30px #00000014;text-align:center}.brand-title{margin:0 0 12px;font-weight:800;font-size:clamp(26px,4.5vw,40px);letter-spacing:.5px}.logo{width:clamp(60px,12vw,120px);height:auto;margin-bottom:16px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.progress-wrap{margin-top:10px;background:#e2e8f0;height:14px;border-radius:999px;overflow:hidden}.progress{height:100%;width:0%;background:linear-gradient(90deg,#fff,#e6f4ff 40%,#fff);transition:width .3s ease}.percent{margin-top:8px;font-variant-numeric:tabular-nums;color:var(--soft-ink)}.app-main{min-height:100%;display:grid;place-items:center;padding:28px}.card{width:min(100%,900px);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:28px;box-shadow:0 14px 40px #0000001f;padding:clamp(18px,4vw,36px);border:1px solid rgba(255,255,255,.2)}.title{font-size:clamp(32px,6vw,56px);margin:0 0 6px;line-height:1.1;font-weight:900;letter-spacing:.3px;text-align:center}.subtitle{text-align:center;color:var(--soft-ink);margin:0 0 24px;font-size:clamp(14px,2.4vw,18px);font-weight:500}.quote-wrap{position:relative;min-height:120px;display:grid;place-items:center;padding:14px 10px}blockquote{margin:0;font-size:clamp(18px,3.6vw,26px);line-height:1.35;text-align:center;max-width:68ch;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease;font-weight:500}blockquote.active{opacity:1;transform:translateY(0)}cite{display:block;margin-top:12px;color:var(--soft-ink);font-style:normal;font-size:.85em;font-weight:400}.footer{margin-top:24px;text-align:center;color:var(--soft-ink);font-size:13px;opacity:.8;font-weight:400}.card:hover{transform:translateY(-2px);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 20px 50px #00000026}@media (max-width: 640px){.loader-card{padding:20px}.card{padding:20px;margin:16px}.quote-wrap{min-height:100px;padding:10px 5px}}*{transition:opacity .3s ease,transform .3s ease}