.form-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:clamp(4rem,8vw,6rem) 1rem;background-color:var(--dark-bg);color:#fff}.form-content{width:100%;max-width:1000px;margin:0 auto;padding:clamp(1rem,3vw,2rem)}.form-content h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;margin-bottom:clamp(.5rem,2vw,1rem);text-align:center}.title-light{color:#ffffff80}.subtitle{text-align:center;font-size:clamp(.875rem,1.5vw,1.2rem);color:#ffffffb3;margin-bottom:clamp(2rem,4vw,3rem)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(1.5rem,3vw,2rem)}.form-group{display:flex;flex-direction:column;gap:clamp(.375rem,1vw,.5rem)}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:clamp(.875rem,1.5vw,1rem);color:#ffffffe6;transform-origin:left;transition:transform .3s ease,color .3s ease}.form-group input:focus+label,.form-group select:focus+label,.form-group textarea:focus+label{color:var(--highlight-color)}.form-group input,.form-group select,.form-group textarea{padding:clamp(.75rem,1.5vw,1rem);background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;font-size:clamp(.875rem,1.5vw,1rem);transition:all .3s ease}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#ffffff80;opacity:1;transition:opacity .3s ease}.form-group input:focus::placeholder,.form-group select:focus::placeholder,.form-group textarea:focus::placeholder{opacity:.7}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--highlight-color);border-width:2px}.form-group select{cursor:pointer;appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2em;transition:all .3s ease}.form-group select:hover{background-color:#ffffff0d}.form-group select:focus{background-color:#ffffff1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ff6b47' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.form-group select option{background-color:var(--dark-bg);color:#fff;padding:1rem;transition:background-color .3s ease}.form-group select option:hover,.form-group select option:focus{background-color:#ff6b4733}.form-group textarea{resize:vertical;min-height:120px;max-height:300px;scrollbar-width:thin;scrollbar-color:var(--highlight-color) rgba(255,255,255,.1)}.form-group textarea::-webkit-scrollbar{width:6px}.form-group textarea::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.form-group textarea::-webkit-scrollbar-thumb{background-color:var(--highlight-color);border-radius:3px}.submit-btn{display:block;width:fit-content;margin:clamp(1.5rem,3vw,2rem) auto 0;padding:clamp(.875rem,1.5vw,1rem) clamp(2rem,4vw,3rem);background-color:#ff6b47;color:#fff;border:none;border-radius:8px;font-size:clamp(.875rem,1.5vw,1rem);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.submit-btn:hover{transform:translateY(-2px);background-color:var(--highlight-color);box-shadow:0 4px 15px #ff6b474d}.submit-btn:active{transform:translateY(0)}@media (max-width: 1200px){.form-content{max-width:800px}}@media (max-width: 992px){.form-grid{gap:1.5rem}}@media (max-width: 768px){.form-content h1{font-size:clamp(1.75rem,4vw,2rem)}.form-content{padding:0 1rem}.subtitle{font-size:.875rem;margin-bottom:2rem}}@media (max-width: 480px){.form-container{padding:4rem .5rem}.form-content h1{font-size:1.5rem}.form-grid{gap:1.25rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem}.submit-btn{width:100%;padding:.875rem 2rem}}@media (hover: none){.form-group select:hover{background-color:transparent}.submit-btn:hover{transform:none;box-shadow:none}}@media (prefers-color-scheme: dark){.form-group select option{background-color:#1a1b23}}.custom-select{position:relative;width:100%;cursor:pointer;padding:clamp(.75rem,1.5vw,1rem);background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;font-size:clamp(.875rem,1.5vw,1rem);transition:all .3s ease}.custom-select:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%) rotate(0);width:10px;height:10px;border-right:2px solid rgba(255,255,255,.7);border-bottom:2px solid rgba(255,255,255,.7);transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-select.open:after{transform:translateY(-50%) rotate(225deg);border-color:var(--highlight-color)}.custom-select:hover{background-color:#ffffff0d}.select-selected{color:#ffffff80;transition:color .3s ease}.custom-select.open .select-selected{color:#fff}.select-options{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#1a1b23f2;backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 10px 25px #0003;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;max-height:0;overflow:hidden}.custom-select.open .select-options{opacity:1;visibility:visible;transform:translateY(0);max-height:300px;padding:.5rem}.select-option{padding:.75rem 1rem;color:#ffffffb3;border-radius:6px;transition:all .2s ease;position:relative;overflow:hidden}.select-option:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:var(--highlight-color);opacity:.1;transition:width .3s ease}.select-option:hover:before{width:100%}.select-option:hover{color:#fff;transform:translate(5px)}.select-option.selected{color:var(--highlight-color);background:#ff6b471a}.select-option{position:relative;overflow:hidden}.select-option:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.select-option:active:after{animation:ripple .6s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}20%{transform:scale(25);opacity:.3}to{opacity:0;transform:scale(40)}}@media (hover: none){.select-option:hover:before{width:0}.select-option:active:before{width:100%}}
