.glass-form{max-width:350px;margin:40px auto;font-family:'Inter','Segoe UI',sans-serif;color:#333;transition:all .3s ease}.glass-form input,.glass-form select{width:100%;padding:10px 14px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;font-size:15px;background-color:#fafafa !important;transition:border-color .2s,box-shadow .2s}.glass-form input:focus,.glass-form select:focus{border-color:#25d366;box-shadow:0 0 0 2px rgba(37,211,102,.15);outline:none;background-color:#fff}.glass-form button{display:block;width:100%;background:linear-gradient(90deg,#25d366,#20bd5a);border:none;color:#fff;font-size:16px;font-weight:500;padding:12px;border-radius:8px;cursor:pointer;transition:background .3s ease}.glass-form button:hover{background:linear-gradient(90deg,#20bd5a,#1fae53)}.glass-form label{font-weight:500;font-size:14px;margin-bottom:6px;display:block;color:#444}#glass-result{margin-top:10px;text-align:center;font-size:14px;color:#2e7d32}.loading,.success,.error{text-align:center;padding:10px;border-radius:4px}.loading{background:#fff3cd;color:#856404}.success{background:#d4edda;color:#155724}.error{background:#f8d7da;color:#721c24}.glass-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.glass-col{flex:1 1 calc(50% - 7.5px);min-width:200px;min-width:0}input,select,button{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}label{display:block;margin-bottom:5px;font-weight:700}button{background-color:#0073aa;color:#fff;border:none;cursor:pointer;padding:12px}button:hover{background-color:#005a87}.glass-form input,.glass-form select{font-size:13px}.glass-form input::placeholder,.glass-form select::placeholder{color:rgba(0,0,0,.4);font-weight:400}.glass-form input::-webkit-input-placeholder,.glass-form select::-webkit-input-placeholder{color:rgba(0,0,0,.4)}.glass-form input::-moz-placeholder,.glass-form select::-moz-placeholder{color:rgba(0,0,0,.4)}.glass-form input:-ms-input-placeholder,.glass-form select:-ms-input-placeholder{color:rgba(0,0,0,.4)}.glass-form input:-moz-placeholder,.glass-form select:-moz-placeholder{color:rgba(0,0,0,.4)}@media (max-width:600px){.glass-col{flex:1 1 100%}.glass-form{padding:15px}.glass-form input,.glass-form select{font-size:14px}.glass-form button{font-size:15px}}.glass-form button.loading{background-color:#999 !important;cursor:not-allowed;position:relative}.glass-form button .spinner{display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}