form{display:flex;flex-direction:column;width:100%;margin-top:25px}.input-container{position:relative;margin-bottom:25px;width:100%}input,textarea{width:100%;padding:15px 10px;font-size:1rem;background-color:var(--input-bgcolor);border:var(--input-border);border-radius:5px;color:var(--basetextcolor);transition:all .3s ease;font-family:var(--font-sans)}input::placeholder,textarea::placeholder{color:var(--input-placeholder-color);transition:color .3s ease}input:focus::placeholder,textarea:focus::placeholder{color:var(--accentcolor)}input:focus,textarea:focus{border:var(--border);outline:none;background-color:#333}label{position:absolute;top:50%;left:15px;transform:translateY(-50%);font-size:1rem;color:var(--input-placeholder-color);pointer-events:none;transition:all .3s ease;font-family:var(--font-sans);z-index:100}input:focus+label,input:not(:placeholder-shown)+label,textarea:focus+label,textarea:not(:placeholder-shown)+label{top:-15px;left:10px;font-size:.75rem;color:var(--accentcolor)}textarea{resize:none;height:120px}button{width:100%;padding:15px;background-color:var(--bgcolor);border:var(--border);color:var(--basetextcolor);font-family:var(--font-sans);border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,color .3s ease;margin:0 auto}button:hover{border:1px solid var(--accentcolor);transition:all .3s ease}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.5);z-index:1000}.popup button{margin-top:10px;background-color:#fddb3a;color:#000;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}.popup button:hover{background-color:gold}