*{font-family:Inter,sans-serif}body{background:no-repeat radial-gradient(rgba(49,75,211,.2),transparent,transparent 40rem) bottom -15rem left -20rem/50rem 50rem,no-repeat radial-gradient(rgba(49,75,211,.2),transparent,transparent 70rem) top -35em right/70rem 70rem,no-repeat radial-gradient(rgba(49,75,211,.2),transparent,transparent 60rem) bottom -25em right -20rem/60rem 60rem,#131427;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0}.btn{background-color:#3e31d3;color:#fff;border:none;border-radius:1rem;padding:1rem 1.5rem;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;gap:1rem}.btn svg{width:2rem;height:2rem}.color-gray{background-color:#222428}.btn h1{margin:0;font-size:22pt;font-weight:800}.btn:hover{filter:brightness(.9);transform:scale(1.05)}.btn:hover h1{color:#e6e6e6}.btn:hover svg{color:#e6e6e6}.main-area{display:flex;flex-direction:column;align-items:center;gap:2rem}.title{user-select:none;font-size:86pt;font-weight:900;margin:0}.social-item{color:#fff;text-decoration:none;transition:color .2s ease-in-out;margin:0 .5rem}.social-area{background-color:#0d0d1280;border-radius:1rem;padding:.8rem 2rem;display:flex;gap:1rem}.social-area svg{font-size:32pt}.social-item:hover{color:#3e31d3}.footer-area{position:absolute;bottom:2rem;display:flex;left:0;right:0;justify-content:center;gap:2rem}.title-area{display:flex;align-items:center;position:absolute;left:2rem;top:2rem;gap:1rem;cursor:pointer}.title-area:hover svg{color:#3e31d3}.title-area:hover h1{color:#3e31d3}.title-area h1{font-size:32pt;font-weight:800;margin:0;color:#fff;user-select:none}.title-area svg{font-size:24pt;color:#fff}.area-qr{display:flex;align-items:center;gap:20vw}.left-area{display:flex;flex-direction:column;align-items:center;gap:2rem}.right-title{display:flex;align-items:center;gap:1rem}.right-title hr{width:100%;height:.2rem;background-color:#9b9cbf;border:none;border-radius:1rem}.input-items{margin-left:1rem;display:flex;flex-direction:column;gap:1rem}.input-item{display:flex;gap:3rem;justify-content:space-between;align-items:center}.input-item label{font-size:18pt;font-weight:800;color:#fff;user-select:none}.input-item input{background-color:#0d0d12;border:none;border-radius:.5rem;padding:.5rem 1rem;color:#fff;font-size:16pt}.input-item input[type=color]{width:5rem;height:3rem;border:none}::placeholder{color:#d3d3d3}.input-text{display:flex;align-items:center;gap:1rem}.warn-label{display:flex;align-items:center;background-color:#0d0d12;padding:.8rem 1rem;gap:.5rem;color:orange;border-radius:1rem;visibility:hidden;opacity:0;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;user-select:none}.warn-label p{margin:0;font-weight:600}.warn-shown{visibility:initial;opacity:1}.project-area{display:flex;flex-direction:column;align-items:center;gap:2rem;position:absolute;top:8rem;left:5rem;right:5rem}.project-item{display:flex;background-color:#0b0909cc;width:80vw;padding:1rem 2rem;border-radius:2rem;justify-content:space-between;align-items:center;gap:10rem;backdrop-filter:blur(10px);color:#fff;text-decoration:none}.project-item h2{margin:0;font-size:28pt}.project-item p{margin:0;font-size:14pt;font-weight:600}.project-item img{width:10em;height:10rem;border-radius:1rem}