:root{--color-background-0:#a2a2a2;--color-background-1:#767676;--color-background-11:#474747;--color-background-2:#121212;--color-background-3:#2d2d2d;--color-text:#f0f0f0;--color-text-light:rgba(240, 240, 240, 0.7);--color-input-bg:rgba(255, 255, 255, 0.1);--color-input-border:rgba(255, 255, 255, 0.2);--color-input-focus-bg:rgba(255, 255, 255, 0.15);--color-input-focus-bg-text:rgba(255, 255, 255, 0.1);--color-accent:#6a11cb;--color-accent-hover:#2575fc;--color-button-bg:linear-gradient(45deg, var(--color-accent), var(--color-accent-hover));--color-button-hover-bg:linear-gradient(45deg, var(--color-accent-hover), var(--color-accent));--box-shadow:0 8px 32px rgba(0, 0, 0, 0.2);--gradient-colors:#FF6D1B,#FF55DA,#815bff,#4D8AFF,#6B5FFF,#FF64F9,#FF6565;--blur-amount:15px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-background-3)}::-webkit-scrollbar-thumb{background:var(--color-background-0);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--color-background-1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,serif;font-style:normal;font-weight:100;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;background:linear-gradient(-175deg,var(--color-background-0)0%,var(--color-background-1)5%,var(--color-background-11)10%,var(--color-background-2)20%,var(--color-background-3)100%);background-size:100% 100%;backdrop-filter:blur(50px);overflow:visible}h1,h2,h3,li,p{color:var(--color-text)}h2{font-style:normal;font-size:xx-large;font-weight:300;margin-bottom:20px}h3{margin-top:5px;font-size:medium}li,p{font-size:small}.section-title{transition:opacity .3s ease,transform .15s ease,filter .15s ease}.section-title.hide{opacity:0;transform:scale(.8);filter:blur(var(--blur-amount))}.container{height:70%;max-height:470px;position:relative;padding:25px;border-radius:30px;border:2px solid transparent;box-shadow:var(--box-shadow);max-width:600px;width:95%;text-align:center;display:grid;background:linear-gradient(#121213,#121213),linear-gradient(#121213 50%,rgba(18,18,19,.6) 80%,rgba(18,18,19,0)),linear-gradient(90deg,var(--gradient-colors));background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:200%;animation:gradientAnimationShort 2s infinite linear}.container.fast{animation-duration:.5s}.container.fast::before{animation-duration:.5s}.container::before{content:'';background:linear-gradient(90deg,var(--gradient-colors));height:10%;width:100%;position:absolute;bottom:-15%;z-index:-1;background-size:200%;animation:gradientAnimationShort 2s infinite linear;-webkit-backdrop-filter:blur(2.8rem);filter:blur(2.8rem)}@keyframes gradientAnimationShort{0%{background-position:0}100%{background-position:200%}}.section{position:absolute;top:50%;left:50%;width:calc(100% - 80px);transform:translate(-50%,-50%) scale(.8);opacity:0;filter:blur(var(--blur-amount));transition:opacity .3s ease,transform .4s ease,filter .5s ease;pointer-events:none;padding:20px;box-sizing:border-box;max-height:calc(100% - 50px);overflow:hidden;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.section.show{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0);pointer-events:auto}.section-thank-you{transition:opacity .4s ease,transform .6s ease,filter 1s ease}@media (max-width:600px){.section{padding:8px;width:calc(100% - 40px)}.container{padding:10px}h2{font-size:1.4rem}}.section-content{overflow-y:auto;width:100%;flex:1;margin-bottom:8px;text-align:left;padding:5px;border:2px solid var(--color-input-border);border-radius:10px}.scroll-container{animation:scrollAnimation 1.5s ease-in-out 1;animation-delay:2.5s}@keyframes scrollAnimation{0%{transform:translateY(0)}50%{transform:translateY(-100px)}100%{transform:translateY(0)}}.footer-links{margin-top:20px;color:var(--color-text-light);display:flex;justify-content:flex-start;width:100%;left:8px;position:relative}.footer-link{text-decoration:underline;font-size:x-small;margin-right:10px;color:var(--color-text-light)}.back-link{text-decoration:underline;font-size:x-small;text-align:center;justify-items:center;align-items:center;color:var(--color-text-light)}.footer-link:last-child{margin-right:0}.section-form{display:flex;flex-direction:column;align-items:center;height:100%;will-change:opacity,transform,filter}.feedback-form>*{opacity:1;transform:scale(1);filter:blur(0);transition:opacity .3s ease,transform .3s ease,filter .3s ease}.feedback-form.hide>*{opacity:0;transform:scale(.8);filter:blur(var(--blur-amount))}.shake-wrapper{width:100%;display:inline-block}.shake{animation:shake .5s}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-10px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.feedback-form{width:100%;display:flex;flex-direction:column;align-items:center}.feedback-textarea{width:100%;padding:15px;margin-bottom:5px;border-radius:10px;resize:vertical;font-weight:100;font-size:larger;background:var(--color-input-bg);color:var(--color-text);backdrop-filter:blur(5px);border:2px solid var(--color-input-border);transition:background .3s ease,border .3s ease}.feedback-textarea::placeholder{color:var(--color-text-light)}.feedback-textarea:focus{background:var(--color-input-focus-bg);border:2px solid var(--color-accent);outline:0}.section-content:hover{background:var(--color-input-focus-bg-text);border:2px solid var(--color-accent);outline:0}.char-counter{color:var(--color-text-light);text-align:left;font-size:x-small;margin-bottom:15px;align-self:flex-start;position:relative;left:8px}.submit-button{width:100%;padding:15px;border:none;border-radius:10px;background:var(--color-button-bg);color:#fff;font-size:1rem;cursor:pointer;position:relative;overflow:hidden;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;overflow:hidden}.submit-button::after{content:'';position:absolute;top:0;left:100%;width:100%;height:100%;background:rgba(255,255,255,.1);transform:skewX(-45deg);transition:all .3s ease;overflow:hidden;will-change:transform}.submit-button:hover::after{left:-100%}.submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(38,57,77,.3)}.submit-button.enlarge{animation:enlarge .4s ease-in-out forwards}@keyframes enlarge{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.container:has(.submit-button:hover){animation-duration:.5s}.container:has(.submit-button:hover)::before{animation-duration:.5s}.thank-you-subtext{font-size:1rem}.thank-you-reminder{color:var(--color-text-light);font-size:x-small;margin-top:6px;margin-bottom:15px}.mail{color:linear-gradient(90deg,var(--gradient-colors))}