:root{--background: #0f0f0f;--foreground: #ffffff;--btn: #ffffff22;--btn-hover: #47464670}html{color-scheme:dark}body{height:100%;min-height:100vh;margin:0;display:flex;place-items:center;flex-direction:column;justify-content:center;align-items:center;background:var(--background);font-family:system-ui,-apple-system,sans-serif;font-variant:small-caps}footer{color:var(--foreground);opacity:.7;text-align:center;font-size:.9rem;margin-top:10em}.main{text-align:center}.main h1{font-size:6rem;margin:0 0 2rem;letter-spacing:.05em;font-weight:300;color:var(--foreground)}.main button{padding:1rem 2rem;font-size:1.8rem;letter-spacing:.05em;border:none;border-radius:12px;background:var(--btn);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--foreground);cursor:pointer}.main button:hover{background:var(--btn-hover)}.progress-bar-container{width:400px;margin-bottom:2rem}.progress-bar-label{margin-bottom:.5rem;font-size:1.2rem;font-weight:700;color:var(--foreground)}.progress-bar{width:100%;height:8px;background:var(--btn);border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--foreground);transition:width .3s ease;opacity:.8}.program-select{text-align-last:center;padding:.8rem 1rem;margin-bottom:3rem;font-size:1.4rem;letter-spacing:.05em;border:none;border-radius:12px;background:var(--btn);color:var(--foreground);cursor:pointer;appearance:none;outline:none;width:260px;text-align:center}.program-select:hover{background:var(--btn-hover)}@media(max-width:400px){.progress-bar-container{width:300px}}