.sumate-page{background:radial-gradient(circle at 50% 0,#00ced11a,#0000 55%),#000;justify-content:center;align-items:center;min-height:100dvh;padding:5rem 1.5rem 2rem;display:flex;position:relative;overflow-x:hidden}.sumate-shell{z-index:1;width:100%;max-width:640px;position:relative}.sumate-back{color:#b0b0b0;margin-bottom:1rem;font-size:1rem;text-decoration:none;display:inline-block}.sumate-back:hover{color:#00ced1}.sumate-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#080808f0;border:1px solid #00ced147;border-radius:24px;padding:2.25rem 2rem}.sumate-badge{color:#00ced1;letter-spacing:.05em;text-transform:uppercase;border:1px solid #00ced173;border-radius:999px;margin-bottom:.75rem;padding:.35rem .9rem;font-size:.85rem;font-weight:600;display:inline-block}.sumate-title{background:linear-gradient(135deg,#00ced1,#20b2aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:clamp(1.6rem,4vw,2.25rem);font-weight:800;line-height:1.2}.sumate-subtitle{color:#ccc;margin-bottom:1.5rem;line-height:1.5}.sumate-roles{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:1.75rem;display:flex}.sumate-roles button{color:#fff;cursor:pointer;font:inherit;background:0 0;border:1px solid #00ced159;border-radius:10px;flex:140px;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:all .15s}.sumate-roles button:hover:not(:disabled){border-color:#00ced1b3}.sumate-roles button.active{color:#00ced1;background:#00ced126;border-color:#00ced1}.sumate-form{text-align:left}.sumate-form-grid{gap:1rem;margin-bottom:1.5rem;display:grid}.sumate-form input,.sumate-form textarea{color:#fff;width:100%;font:inherit;background:#ffffff0d;border:1px solid #00ced159;border-radius:10px;padding:.9rem 1rem}.sumate-form input:focus,.sumate-form textarea:focus{border-color:#00ced1;outline:none;box-shadow:0 0 0 3px #00ced126}.sumate-submit{cursor:pointer;border:none;width:100%;padding:1rem 1.25rem}.sumate-submit:disabled{opacity:.7;cursor:wait}@media (max-width:480px){.sumate-roles button{flex:100%}}