:root{--main-color: #0a19a4;--background-color: #f1f5f9;--glow-color: #0a9fa4;--grey-color: #64748b;--border-color: #b6c2d4;--black-color: #1e293b;--main-transparent-color: color-mix(in srgb, var(--main-color), transparent 90%);--main-gradient: linear-gradient(120deg, var(--main-color) 30%, var(--glow-color))}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-decoration:none}body{background-color:var(--background-color);margin:0}section{display:flex;flex-direction:column;gap:1rem;padding:1rem;margin:0 auto;max-width:750px;align-self:center}button{background:var(--main-gradient);color:#fff;padding:1rem 2rem;border-radius:.5rem;border:none;font-size:1.2rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease-in-out}button.disable{pointer-events:none;opacity:.5}button:hover{box-shadow:0 0 10px var(--glow-color);transform:scale(1.05)}h1,h2,h3,h4,h5,h6{color:var(--black-color);text-align:center}h2{font-size:2.3rem}h3{font-size:1.8rem}p{text-align:center;font-size:1.2rem;color:var(--grey-color)}span.highlight{background:var(--main-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}div.outline{border:1px solid var(--border-color);border-radius:1rem}div.circle-icon{width:4rem;height:4rem;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--main-gradient);color:#fff}div.circle-icon svg{font-size:2rem}div.box{padding:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center}input{width:100%;padding:1rem;border-radius:.5rem;border:1px solid var(--border-color);font-size:1rem}div.alert{padding:1rem;border-radius:.5rem;font-size:1rem;max-width:300px;position:fixed;bottom:-100%;right:1rem;z-index:9999;transition:bottom .3s ease-in-out}div.alert.alert-success{background-color:#0a9fa4;color:#fff}div.alert.alert-error{background-color:#f87171;color:#fff}div.alert.alert-alert{background-color:#fbbf24;color:#fff}div.alert.show{bottom:1rem}svg.loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}form{width:100%;display:flex;flex-direction:column;gap:1rem}footer{margin-top:3rem;width:100%;background-color:var(--main-color);text-align:center;padding:2rem .5rem;color:#fff}#root{display:flex;flex-direction:column;gap:2rem}#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;text-align:center;color:#fff;gap:1.5rem;position:relative}#hero h1,#hero h1 span{color:var(--main-color);font-size:4.5rem;font-weight:600}#hero p{font-size:1.5rem}#hero .glow{position:absolute;width:300px;height:300px;opacity:.4;border-radius:100px;background:var(--main-gradient);filter:blur(300px);z-index:-1}#hero #first.glow{top:0;left:0}#hero #second.glow{bottom:0;right:0}#hero .tag{border:1px solid var(--grey-color);padding:.5rem 1rem;border-radius:100px;color:var(--main-color);display:flex;align-items:center;gap:.5rem;background-color:var(--main-transparent-color)}#hero .tag span{font-size:.8rem;font-weight:500;color:var(--main-color)}#hero span{color:var(--grey-color);font-size:.9rem;font-weight:500}#features .cards{display:flex;align-items:stretch;justify-content:center;gap:1rem;flex-wrap:wrap}#features .cards .card{flex:1 1 300px;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:1rem;padding:1rem}#features .cards .card,#features .cards .card .circle-icon{transition:all .3s ease-in-out}#features .cards .card:hover,#features .cards .card:hover .circle-icon{box-shadow:0 0 10px var(--glow-color)}#features .cards .card h6{font-size:1.4rem;font-weight:600}#features .cards .card p{font-size:1rem}#topics .options{display:flex;align-items:stretch;justify-content:center;gap:1rem;flex-wrap:wrap}#topics .options .option{flex:1 1 300px;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1rem;padding:1rem;transition:all .3s ease-in-out;cursor:pointer;position:relative}#topics .options .option .check-icon{position:absolute;color:#fff;right:1rem;top:1rem}#topics .options .option h6{font-size:1.1rem;font-weight:600}#topics .options .option p{font-size:.9rem;font-weight:400}#topics .options .option:hover{box-shadow:0 10px 5px #0003;transform:translateY(-10px);border:1px solid var(--main-color)}#topics .options .option.selected{background:var(--main-gradient);border:1px solid var(--main-color)}#topics .options .option.selected h6,#topics .options .option.selected p{color:#fff}#topics .selected-topics-container{text-align:center}#topics .selected-topics-container .selected-tag{display:inline-block;padding:.5rem 1rem;border-radius:100px;background-color:var(--main-transparent-color);color:var(--main-color);margin:.5rem;font-size:.9rem;font-weight:500;text-transform:capitalize}#topics .selected-topics-container span{font-size:.9rem;color:var(--grey-color)}#topics .register{margin-top:2.5rem;max-width:500px;align-self:center;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;text-align:center;padding:1rem}#topics .register .circle-icon{width:3rem;height:3rem}#topics .register .circle-icon svg{font-size:1.7rem}#topics .register button{width:100%;text-align:center;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center}#topics .register form span{color:var(--grey-color);font-size:.9rem;font-weight:500}.container{background-color:var(--background-color);padding:32px;gap:16px;display:flex;flex-direction:column;align-items:center}.container>div{display:flex;flex-direction:row;gap:16px;align-items:center}