*{padding:0;margin:0;box-sizing:border-box}:root{--primary-blue: #1e1eb1;--primary-blue-light: #5a5af0;--secondary-blue: #e8e8ff;--accent-gradient: linear-gradient(135deg, #3e3eed 0%, #5a5af0 100%);--bg-light: #f8f8e9;--text-primary-light: #1a1a1a;--text-secondary-light: #6b7280;--border-light: #e5e7eb;--shadow-light: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-strong-light: 0 20px 25px -5px rgba(0, 0, 0, .1)}.flex{display:flex}justify-center{justify-content:center}justify-between{justify-content:space-between}justify-around{justify-content:space-around}.align-center{align-items:center}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}button{cursor:pointer;border:none;outline:none}.d-none{display:none!important}body{font-family:Inter,sans-serif;background-color:var(--primary-blue);color:var(--text-primary-light);overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh}header{position:relative;opacity:1;z-index:2;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 0 55px #00000080;background-color:var(--bg-light);padding:3rem 8rem;border-radius:1rem}#particles-js{position:absolute;width:100vw;height:100vh;top:0;left:0;z-index:1}.input-options{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.agrp-classes-options,.agrp-discreto-options{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;border:1px solid blue;padding:1rem;position:relative;border-radius:1rem}.agrp-discreto-options .title,.agrp-classes-options .title{position:absolute;top:-.8rem;left:1rem;background-color:var(--bg-light);font-weight:700;padding:0 .5rem;color:var(--primary-blue);color:var(--text-secondary-light)}.input-op{width:auto;padding:2rem;background:#e9ebf899;border:1px solid white;box-shadow:6px 6px 5px #0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:17px;text-align:center;cursor:pointer;transition:all .5s;display:flex;align-items:center;justify-content:center;flex-direction:column;-webkit-user-select:none;user-select:none;font-weight:bolder;color:#000;text-decoration:none}.input-op:hover{border:1px solid var(--primary-blue);transform:scale(1.05)}.input-op .icon img{width:40px}.input-op .icon{padding:.5rem;background-color:var(--primary-blue);border-radius:50%;margin-bottom:.6rem;box-shadow:var(--shadow-strong-light);display:flex;justify-content:center;align-items:center}.header-title img:hover{transition:all .5s;transform:scale(1.05)}