: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}}html,body,#root,.showcase-root{background:#21222a;color:#eaeaea;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;width:100vw;max-width:100vw;overflow-x:hidden}.showcase-navbar{width:100vw;max-width:100vw;display:flex;justify-content:center;align-items:center;padding:.8rem 0;background:#21222ab8;box-sizing:border-box;position:fixed;top:2.2rem;left:0;z-index:100;overflow-x:hidden;border-radius:2.2rem;margin:0 auto;width:fit-content;right:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 24px #23294622}.showcase-nav-list{display:flex;gap:2.5rem;list-style:none;padding:0 2.5rem;margin:0}.showcase-nav-list li button{background:none;border:none;color:#eaeaea;font-size:1.1rem;font-weight:500;letter-spacing:.04em;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s,color .2s;padding-bottom:2px;cursor:pointer}.showcase-nav-list li button:hover,.showcase-nav-list li button.active{color:#a259f7;border-color:transparent}.showcase-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.showcase-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#21222a}.minimal-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:60vh}.minimal-hero-text{font-size:2rem;font-weight:600;color:#eaeaea;letter-spacing:-.01em}.hero-purple{color:#a259f7;font-weight:700}.showcase-section{min-height:60vh;width:100vw;max-width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;box-sizing:border-box;position:relative;background:transparent;z-index:1;overflow-x:hidden;margin-bottom:1.7rem}.showcase-section:last-child{margin-bottom:0}.showcase-section h2{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.01em}.showcase-section p,.showcase-section a{font-size:1.17rem;color:#b5b5b5;max-width:600px;text-align:center;line-height:1.7;margin:0 auto}.showcase-section a{color:#a259f7;text-decoration:underline;font-weight:500;transition:color .2s}.showcase-section a:hover{color:#fff}.redesigned-projects.centered-projects{display:flex;flex-wrap:wrap;gap:2.2rem;justify-content:center;align-items:center;margin-top:2rem}.centered-project-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#181920;border-radius:1.2rem;box-shadow:0 2px 16px #23294622;padding:2rem 1.5rem 1.2rem;min-width:240px;max-width:300px;transition:transform .19s cubic-bezier(.4,.2,.2,1),box-shadow .19s,background .17s,border-color .17s;border:2px solid transparent;border-color:transparent;cursor:pointer;outline:none;text-align:center}.centered-project-card:hover,.centered-project-card:focus{transform:translateY(-7px) scale(1.035) rotate(-1.2deg);box-shadow:0 8px 32px #a259f755,0 2px 16px #23294622;background:#14151a;border-color:#a259f7}.centered-project-card:focus{box-shadow:0 0 0 2px #a259f7,0 8px 32px #a259f755}.centered-header{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-bottom:.6rem;width:100%}.centered-project-card h3{color:#eaeaea;font-size:1.13rem;font-weight:700;margin:0;text-align:center}.centered-project-card p{color:#b5b5b5;font-size:1rem;margin:0 0 1.1rem;text-align:center}.project-link{color:#a259f7;font-size:1rem;font-weight:500;text-decoration:none;margin-top:auto;transition:color .2s}.project-link:hover{color:#fff}.project-langs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.15rem}.lang-badge{background:#23243a;color:#b5b5b5;font-weight:500;font-size:.96rem;border-radius:1.3rem;padding:.28rem .9rem;border:1.2px solid #a259f7;letter-spacing:.01em;transition:background .18s,color .18s,border-color .18s;-webkit-user-select:none;user-select:none;margin-bottom:.1rem}.lang-badge:hover{background:#a259f7;color:#fff;border-color:#fff}.social-links{display:flex;gap:2.2rem;justify-content:center;margin-top:1.5rem}.social-links a{color:#a259f7;font-size:1.15rem;font-weight:600;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}.social-links a:hover{border-color:#a259f7;color:#fff}.showcase-footer{width:100vw;max-width:100vw;text-align:center;color:#444;font-size:1rem;padding:2.5rem 0 1.5rem;opacity:.7}.showcase-skills{width:100vw;max-width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-bottom:1.3rem;background:transparent;z-index:1}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1.1rem;margin-top:1.2rem}.skill-badge{background:#23243a;color:#a259f7;font-weight:600;font-size:1rem;border-radius:2rem;padding:.48rem 1.25rem;box-shadow:0 2px 12px #23294622;border:1.5px solid #a259f7;letter-spacing:.01em;transition:background .18s,color .18s,border-color .18s;-webkit-user-select:none;user-select:none;margin-bottom:.1rem}.skill-badge:hover{background:#a259f7;color:#fff;border-color:#fff}.discord-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141e8f;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .18s}.discord-popup{background:#23243a;border-radius:1.2rem;box-shadow:0 8px 32px #a259f755,0 2px 16px #23294622;padding:2.2rem 2.5rem 1.6rem;display:flex;flex-direction:column;align-items:center;min-width:270px;max-width:90vw;border:2px solid #a259f7;animation:popupScaleIn .22s cubic-bezier(.4,.2,.2,1)}.discord-popup-title{font-size:1.25rem;font-weight:700;color:#a259f7;margin-bottom:.7rem}.discord-popup-username{font-size:1.12rem;font-weight:600;color:#eaeaea;margin-bottom:.5rem;letter-spacing:.03em}.discord-popup p{color:#b5b5b5;font-size:1.04rem;margin-bottom:1.1rem;text-align:center}.discord-popup-close{background:#a259f7;color:#fff;border:none;border-radius:1.1rem;padding:.55rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 12px #23294622;transition:background .18s,color .18s}.discord-popup-close:hover{background:#fff;color:#a259f7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupScaleIn{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 900px){.redesigned-projects.centered-projects{flex-direction:column;align-items:center}}@media (max-width: 700px){.centered-project-card{min-width:0;max-width:100%;width:100%}.showcase-navbar{top:1.2rem;border-radius:1.2rem;padding:.5rem 0}.showcase-nav-list{gap:1.2rem;padding:0 1.2rem}.showcase-navbar,.showcase-section,.showcase-footer{padding-left:7vw;padding-right:7vw}.minimal-hero-text{font-size:1.3rem}.social-links{gap:1.2rem}.skills-list{gap:.5rem}.skill-badge{font-size:.93rem;padding:.38rem 1rem}.project-langs{gap:.25rem;margin-top:.7rem}.lang-badge{font-size:.88rem;padding:.22rem .7rem}}.showcase-commissions{min-height:60vh;width:100vw;max-width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;box-sizing:border-box;position:relative;background:transparent;z-index:1;overflow-x:hidden;margin-bottom:1.7rem}.commission-form{max-width:600px;width:90%;margin:2rem auto;padding:2.5rem;background-color:#181920;border-radius:1.2rem;box-shadow:0 2px 16px #23294622;border:2px solid transparent;transition:box-shadow .19s,background .17s,border-color .17s;position:relative}.commission-form:hover{box-shadow:0 8px 32px #a259f755,0 2px 16px #23294622;background:#14151a;border-color:#a259f7}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#eaeaea;font-size:1.1rem;letter-spacing:.04em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1.2px solid #a259f7;border-radius:1.1rem;font-size:1rem;transition:all .18s;background-color:#23243a;color:#eaeaea;font-family:Inter,Segoe UI,Arial,sans-serif;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#a259f7;outline:none;background-color:#14151a;box-shadow:0 0 0 2px #a259f755}.conditional-field{margin-top:1rem;padding:1rem 1.25rem;background-color:#23243a;border-radius:1.1rem;border-left:3px solid #a259f7;animation:fadeIn .18s}.conditional-field h4{margin-top:0;color:#eaeaea;font-size:1.1rem;font-weight:600;margin-bottom:.7rem}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-option{display:flex;align-items:center}.radio-option input{margin-right:.5rem;width:auto;cursor:pointer}.form-submit-container{position:relative;height:45px;margin-top:2rem}.commission-submit-btn{background-color:#a259f7;color:#fff;border:none;border-radius:1.1rem;padding:.55rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 12px #23294622;transition:background .18s,color .18s;display:block;width:100%;height:45px;position:absolute;top:0;left:0;z-index:2}.commission-submit-btn:hover{background:#fff;color:#a259f7}.commission-submit-btn:disabled{opacity:0;pointer-events:none;background-color:#444;color:#888}.progress-container{position:absolute;top:0;left:0;width:100%;height:45px;border-radius:1.1rem;overflow:hidden;background-color:#23243a;opacity:0;transition:opacity .2s;z-index:1}.progress-container.active{opacity:1}.progress-bar{height:100%;background-color:#a259f7;width:0%;transition:width .8s ease;position:relative}.progress-bar.submitting{width:90%}.progress-bar.success{width:100%}.progress-bar.error{background-color:#dc3545;width:100%}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:600;font-size:1rem;white-space:nowrap;text-align:center;width:100%}.submission-message{margin-top:1rem;padding:.75rem 1rem;border-radius:1.1rem;text-align:center;font-weight:500;animation:fadeIn .18s;height:0;overflow:hidden;opacity:0;transition:height .3s,opacity .3s,margin .3s,padding .3s}.submission-message.active{height:auto;opacity:1;margin-top:1rem;padding:.75rem 1rem}.submission-message.success{background-color:#a259f733;color:#eaeaea;border:1px solid #a259f7}.submission-message.error{background-color:#dc354533;color:#eaeaea;border:1px solid #dc3545}.fade-in{animation:fadeIn .18s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 700px){.commission-form{padding:1.5rem;width:95%}.form-group label{font-size:1rem}.radio-group{gap:1rem}.form-submit-container{height:40px}.commission-submit-btn{padding:.5rem 1.2rem;font-size:.95rem;height:40px}.progress-container{height:40px}}