:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.button-container{display:inline-block;margin:1rem 0}.answerBox{display:inline-block;margin:.5rem}.answerBox button{background:linear-gradient(180deg,#fff,#f7f7f9);border:2px solid #e6e6ea;padding:.9rem 1.4rem;border-radius:12px;cursor:pointer;font-size:1rem;color:#111827;box-shadow:0 2px 6px #1018280f}.answerBox button:hover{transform:translateY(-3px);box-shadow:0 6px 18px #1018281f}.answerBox button:focus{outline:none;box-shadow:0 0 0 4px #3b82f61f}.answerBox.selected button,.answerBox button.selected{background:linear-gradient(180deg,#eef2ff,#e0e7ff);border-color:#6366f1;color:#3730a3;transform:translateY(-2px) scale(1.01);box-shadow:0 8px 24px #6366f12e}@media (max-width: 520px){.answerBox button{padding:.8rem 1rem;font-size:.95rem;border-radius:10px}}:root{--hero-max: 1200px;--carolina: #4b9cd3}html,body,#root{height:100%;margin:0}.page-bg{min-height:100svh;margin:0;background-color:#0b2545;background-image:radial-gradient(white 1px,transparent 1px);background-size:50px 50px;background-repeat:repeat;background-position:center;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-bottom:-60vw;width:100vw}.header1{text-align:center;padding:3rem;color:var(--carolina)}.roundedBox{display:inline-block;border:2px solid black;background-color:#c9c7c7;border-radius:30px;padding:15px;margin:20px;box-shadow:5px 10px #888}.default-ram{display:block;margin-left:auto;margin-right:auto;width:300px;height:auto}.ramContainer{position:relative;justify-content:center;display:flex;align-items:center;min-height:360px}.ram-wrapper{display:flex;justify-content:center}.speech-bubble{position:absolute;top:8%;left:48%;transform:translate(-120%);background-color:#7eb3df;color:#000;padding:1rem 1.75rem;border-radius:9999px;max-width:400px;box-shadow:0 4px 10px #00000026;opacity:.8}.speech-bubble p{font-family:Fredoka One,cursive}.speech-bubble:after{content:"";position:absolute;top:80%;right:-1px;rotate:30deg;transform:translateY(-50%);border-width:15px 0 15px 30px;border-style:solid;border-color:transparent transparent transparent #7eb3df}.question{margin:1.25rem 0 2rem}.question__title{margin:0 0 .75rem;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700}.question__answers{display:flex;flex-wrap:wrap;gap:.5rem}.answer-btn{appearance:none;border:2px solid #1d4e89;background:#e6f1fa;color:#0d2b4a;padding:.6rem .9rem;border-radius:9999px;font-weight:600;cursor:pointer}.answer-btn:hover{background:#d7e9f7}.answer-btn:active{transform:translateY(1px)}.answer-btn:focus-visible{outline:3px solid #4b9cd3;outline-offset:2px}.answer-btn.is-selected{background:#4b9cd3;color:#fff;border-color:#4b9cd3;box-shadow:0 0 0 3px #b3d8f0 inset}.btn{appearance:none;border:2px solid #0d2b4a;background:#fff;color:#0d2b4a;padding:.7rem 1.1rem;border-radius:12px;font-weight:700;cursor:pointer}.btn:hover{background:#f3f7fb}.btn:active{transform:translateY(1px)}.btn--primary{background:#4b9cd3;border-color:#4b9cd3;color:#fff}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}