diff --git a/Views/Website/Auth/Signup.cshtml b/Views/Website/Auth/Signup.cshtml
index 81eca2b..9f253f5 100644
--- a/Views/Website/Auth/Signup.cshtml
+++ b/Views/Website/Auth/Signup.cshtml
@@ -42,6 +42,7 @@
                                 </div>
                                 <input type="text" name="company_name" id="company_name" placeholder="Masukan nama perusahaan" class="w-full pl-9 sm:pl-10 pr-4 py-2.5 sm:py-3 text-sm sm:text-base border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-500 focus:border-cyan-500 outline-none transition-colors" required autofocus>
                             </div>
+                            <div id="company_name_error" class="text-red-500 text-sm hidden mt-1">Nama perusahaan wajib diisi</div>
                         </div>
 
                         <div>
@@ -52,20 +53,25 @@
                                 </div>
                                 <input type="email" name="email" id="email" placeholder="Masukan email" class="w-full pl-9 sm:pl-10 pr-4 py-2.5 sm:py-3 text-sm sm:text-base border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-500 focus:border-cyan-500 outline-none transition-colors" required>
                             </div>
+                            <div id="email_error" class="text-red-500 text-sm hidden mt-1">Email harus valid</div>
                         </div>
 
                         <div>
-                            <label class="block text-sm font-medium text-gray-700 mb-2">Jenis Usaha</label>
-                            <div class="relative">
-                                <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
-                                    <i class="w-4 h-4 sm:h-5 sm:w-5 text-gray-400" data-lucide="briefcase"></i>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">Jenis Pelaku Usaha</label>
+                            <div class="space-y-2">
+                                <div class="flex items-center">
+                                    <input type="checkbox" name="business_type[]" value="jasa_pengangkutan" id="jasa_pengangkutan" class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-cyan-300">
+                                    <label for="jasa_pengangkutan" class="ml-2 text-sm font-medium text-gray-700">Jasa Pengangkutan</label>
                                 </div>
-                                <select name="business_type" id="business_type" class="w-full pl-9 sm:pl-10 pr-4 py-2.5 sm:py-3 text-sm sm:text-base border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-500 focus:border-cyan-500 outline-none transition-colors" required>
-                                    <option value="" selected disabled>Pilih jenis usaha</option>
-                                    <option value="jasa_pengangkutan">Jasa Pengangkutan</option>
-                                    <option value="jasa_pengolahan">Jasa Pengolahan</option>
-                                    <option value="usaha_kegiatan">Usaha Kegiatan</option>
-                                </select>
+                                <div class="flex items-center">
+                                    <input type="checkbox" name="business_type[]" value="jasa_pengolahan" id="jasa_pengolahan" class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-cyan-300">
+                                    <label for="jasa_pengolahan" class="ml-2 text-sm font-medium text-gray-700">Jasa Pengolahan</label>
+                                </div>
+                                <div class="flex items-center">
+                                    <input type="checkbox" name="business_type[]" value="usaha_kegiatan" id="usaha_kegiatan" class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-cyan-300">
+                                    <label for="usaha_kegiatan" class="ml-2 text-sm font-medium text-gray-700">Perusahaan/Kawasan</label>
+                                </div>
+                                <div id="business_type_error" class="text-red-500 text-sm hidden">Minimal pilih satu jenis usaha</div>
                             </div>
                         </div>
 
@@ -78,10 +84,13 @@
                                 <input type="password" name="password" id="password" placeholder="Masukan password" class="w-full pl-9 sm:pl-10 pr-10 sm:pr-12 py-2.5 sm:py-3 text-sm sm:text-base border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-500 focus:border-cyan-500 outline-none transition-colors" required>
                                 <div class="absolute inset-y-0 right-0 pr-3 flex items-center cursor-pointer" onclick="togglePassword('password')">
                                      <i id="eye-open-password" class="w-4 h-4 sm:h-5 sm:w-5 text-gray-400 transition-colors duration-300" data-lucide="eye"></i>
-                                    @* <x-lucide-eye id="eye-open-password" class="h-4 w-4 sm:h-5 sm:w-5 text-gray-400" /> *@
                                     <i id="eye-closed-password" class="w-4 h-4 sm:h-5 sm:w-5 text-gray-400 hidden" data-lucide="eye-off"></i>
                                 </div>
                             </div>
+                            <div id="password_error" class="text-red-500 text-sm hidden mt-1">Password minimal 8 karakter</div>
+                            <div class="text-gray-500 text-xs mt-1">
+                                Password harus minimal 8 karakter, mengandung huruf besar, huruf kecil, angka, dan karakter khusus
+                            </div>
                         </div>
 
                         <div>
@@ -96,6 +105,7 @@
                                     <i id="eye-closed-confirm" class="w-4 h-4 sm:h-5 sm:w-5 text-gray-400 hidden" data-lucide="eye-off"></i>
                                 </div>
                             </div>
+                            <div id="password_confirmation_error" class="text-red-500 text-sm hidden mt-1">Password konfirmasi tidak sama</div>
                         </div>
 
                         <div class="flex items-start">
@@ -126,6 +136,24 @@
      
 </div>
 
+
+<div id="termsModal" class="fixed inset-0 bg-black/50  hidden items-center justify-center z-50">
+    <div class="bg-white rounded-lg p-6 mx-4 max-w-md w-full">
+        <div class="flex items-center mb-4">
+            <div class="bg-red-100 rounded-full p-2 mr-3">
+                <i class="w-6 h-6 text-red-600" data-lucide="alert-circle"></i>
+            </div>
+            <h3 class="text-lg font-semibold text-gray-800">Perhatian</h3>
+        </div>
+        <p class="text-gray-600 mb-6">Anda harus menyetujui syarat dan ketentuan untuk melanjutkan pendaftaran.</p>
+        <div class="flex justify-end">
+            <button onclick="closeTermsModal()" class="bg-cyan-500 hover:bg-cyan-600 text-white px-4 py-2 rounded-lg transition-colors">
+                Mengerti
+            </button>
+        </div>
+    </div>
+</div>
+
 @section Scripts {
     <script>
         function togglePassword(field) {
@@ -143,5 +171,132 @@
                 eyeClosed.classList.add('hidden');
             }
         }
+
+        function showTermsModal() {
+            const modal = document.getElementById('termsModal');
+            modal.classList.remove('hidden');
+            modal.classList.add('flex');
+        }
+
+        function closeTermsModal() {
+            const modal = document.getElementById('termsModal');
+            modal.classList.add('hidden');
+            modal.classList.remove('flex');
+        }
+
+        document.addEventListener('DOMContentLoaded', function() {
+            const form = document.getElementById('signupForm');
+            
+            form.addEventListener('submit', function(e) {
+                e.preventDefault();
+                
+                let isValid = true;
+                
+                hideAllErrors();
+                removeErrorBorders();
+                
+                const companyName = document.getElementById('company_name').value.trim();
+                if (!companyName) {
+                    showError('company_name', 'Nama perusahaan wajib diisi');
+                    isValid = false;
+                }
+                
+                const email = document.getElementById('email').value.trim();
+                const atSymbol = String.fromCharCode(64);
+                if (!email) {
+                    showError('email', 'Email wajib diisi');
+                    isValid = false;
+                } else if (!email.includes(atSymbol) || email.indexOf(atSymbol) === -1 || email.indexOf('.') === -1) {
+                    showError('email', 'Email harus valid');
+                    isValid = false;
+                }
+                
+                const businessTypes = document.querySelectorAll('input[name="business_type[]"]:checked');
+                if (businessTypes.length === 0) {
+                    showError('business_type', 'Minimal pilih satu jenis usaha');
+                    isValid = false;
+                }
+                
+                const password = document.getElementById('password').value;
+                if (!password) {
+                    showError('password', 'Password wajib diisi');
+                    isValid = false;
+                } else {
+                    const hasMinLength = password.length >= 8;
+                    const hasUppercase = /[A-Z]/.test(password);
+                    const hasLowercase = /[a-z]/.test(password);
+                    const hasNumber = /[0-9]/.test(password);
+                    const specialChars = '!*$#%~()_+-=[];:"\\|,.<>/?';
+                    const hasSpecialChar = specialChars.split('').some(char => password.includes(char));
+                    
+                    if (!hasMinLength) {
+                        showError('password', 'Password minimal 8 karakter');
+                        isValid = false;
+                    } else if (!hasUppercase) {
+                        showError('password', 'Password harus mengandung huruf besar');
+                        isValid = false;
+                    } else if (!hasLowercase) {
+                        showError('password', 'Password harus mengandung huruf kecil');
+                        isValid = false;
+                    } else if (!hasNumber) {
+                        showError('password', 'Password harus mengandung angka');
+                        isValid = false;
+                    } else if (!hasSpecialChar) {
+                        showError('password', 'Password harus mengandung karakter khusus');
+                        isValid = false;
+                    }
+                }
+                
+                const passwordConfirmation = document.getElementById('password_confirmation').value;
+                if (!passwordConfirmation) {
+                    showError('password_confirmation', 'Konfirmasi password wajib diisi');
+                    isValid = false;
+                } else if (password !== passwordConfirmation) {
+                    showError('password_confirmation', 'Password konfirmasi tidak sama');
+                    isValid = false;
+                }
+                
+                const terms = document.getElementById('terms');
+                if (!terms.checked) {
+                    showTermsModal();
+                    isValid = false;
+                }
+                
+                if (isValid) {
+                    console.log('Form is valid, ready to submit');
+                    form.submit();
+                }
+            });
+            
+            function showError(fieldName, message) {
+                const errorElement = document.getElementById(fieldName + '_error');
+                const inputElement = document.getElementById(fieldName);
+                
+                if (errorElement) {
+                    errorElement.textContent = message;
+                    errorElement.classList.remove('hidden');
+                }
+                
+                if (inputElement) {
+                    inputElement.classList.add('border-red-500');
+                    inputElement.classList.remove('border-gray-300');
+                }
+            }
+            
+            function hideAllErrors() {
+                const errorElements = document.querySelectorAll('[id$="_error"]');
+                errorElements.forEach(element => {
+                    element.classList.add('hidden');
+                });
+            }
+            
+            function removeErrorBorders() {
+                const inputElements = document.querySelectorAll('input, select');
+                inputElements.forEach(element => {
+                    element.classList.remove('border-red-500');
+                    element.classList.add('border-gray-300');
+                });
+            }
+        });
     </script>
 }
\ No newline at end of file
diff --git a/Views/Website/Auth/logo.svg b/Views/Website/Auth/logo.svg
new file mode 100644
index 0000000..4040d15
--- /dev/null
+++ b/Views/Website/Auth/logo.svg
@@ -0,0 +1,16 @@
+<svg width="1177" height="633" viewBox="0 0 1177 633" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M651.409 147.224C652.83 136.131 662.423 140.746 673.881 140.746C685.338 140.746 694.842 136.131 696.352 147.224H753.819C761.102 147.224 767.053 153.17 767.053 160.446C767.053 167.723 761.102 173.669 753.819 173.669H593.853C586.57 173.669 580.619 167.723 580.619 160.446C580.619 153.17 586.57 147.224 593.853 147.224H651.32H651.409Z" fill="white"/>
+<path d="M0 114.478H84.6458C116.088 114.478 140.603 121.666 158.189 136.131C175.776 150.596 184.569 170.297 184.569 195.233V200.114C184.569 216.265 180.661 230.464 172.933 242.533C165.206 254.691 153.837 264.098 138.737 270.753C123.727 277.498 105.696 280.781 84.6458 280.781H52.0488V357.011H0V114.478ZM121.417 225.495C128.345 218.484 131.809 209.166 131.809 197.629C131.809 186.093 128.345 176.509 121.417 169.764C114.49 162.931 104.186 159.559 90.508 159.559H52.0488V236.144H90.508C104.186 236.144 114.401 232.594 121.417 225.583V225.495Z" fill="white"/>
+<path d="M233.242 350.444C218.054 341.658 206.774 330.388 199.224 316.633C191.674 302.878 187.944 288.502 187.944 273.504V268.002C187.944 252.739 191.852 238.185 199.579 224.341C207.307 210.497 218.676 199.316 233.775 190.708C248.786 182.188 266.816 177.929 287.867 177.929C308.917 177.929 327.037 182.188 342.136 190.708C357.236 199.227 368.693 210.497 376.51 224.341C384.237 238.185 388.145 252.739 388.145 268.002V274.924C388.145 277.231 388.056 279.539 387.79 281.846H241.059C242.924 294.092 247.898 303.588 256.158 310.244C264.33 316.988 275.077 320.449 288.222 320.626C298.881 320.36 307.852 317.964 315.312 313.35C322.685 308.735 328.103 302.168 331.655 293.56H385.747C382.727 306.25 377.131 317.875 368.96 328.347C360.788 338.907 349.864 347.338 336.185 353.816C322.507 360.294 306.608 363.489 288.311 363.489C266.816 363.489 248.519 359.141 233.331 350.355L233.242 350.444ZM315.934 228.157C308.296 223.276 298.969 220.88 287.867 220.88C276.764 220.88 267.438 223.276 259.977 228.157C252.428 233.038 247.098 239.96 243.812 248.923H332.277C329.08 239.871 323.573 232.949 315.934 228.157Z" fill="white"/>
+<path d="M426.427 345.386C411.238 333.76 404.311 317.964 405.465 298.086H457.514C457.514 304.564 459.557 309.977 463.554 314.415C467.639 318.763 476.522 320.981 490.466 320.981C501.302 320.981 509.74 319.295 515.602 315.923C521.465 312.551 524.485 308.557 524.485 303.943C524.485 300.038 522.619 297.021 518.8 294.891C514.981 292.761 508.142 291.341 498.194 290.365L478.742 288.59C458.402 286.549 442.148 280.959 429.98 271.996C417.811 262.944 411.771 250.697 411.771 235.256C411.771 223.897 415.058 213.958 421.631 205.261C428.203 196.565 437.441 189.998 449.342 185.294C461.244 180.68 474.923 178.372 490.466 178.372C515.425 178.372 535.143 183.874 549.621 194.967C564.098 206.06 570.494 221.679 568.895 241.734H515.514C515.514 236.854 515.158 233.038 514.448 230.287C513.737 227.536 511.606 225.14 508.053 223.187C504.5 221.235 498.638 220.259 490.555 220.259C480.874 220.259 473.679 221.59 469.061 224.252C464.442 226.914 462.133 230.553 462.133 235.167C462.133 238.628 463.643 241.379 466.662 243.332C469.682 245.284 475.012 246.615 482.65 247.325L502.102 249.1C524.485 251.141 542.337 256.909 555.483 266.227C568.628 275.545 575.29 288.147 575.29 303.854C575.29 315.213 571.737 325.241 564.543 334.204C557.348 343.078 547.4 350.089 534.521 355.147C521.731 360.206 507.076 362.779 490.644 362.779C463.11 362.779 441.793 356.922 426.693 345.297L426.427 345.386Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M652.652 280.16C648.922 282.822 647.057 286.461 647.057 291.075C647.057 295.69 648.922 299.328 652.652 301.813C656.383 304.298 661.801 305.54 668.995 305.54C676.19 305.54 682.496 303.766 687.648 300.305C692.799 296.844 695.375 290.987 695.375 282.911V276.167H668.995C661.89 276.167 656.383 277.498 652.652 280.16Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M760.836 199.493C761.368 195.056 760.125 191.062 757.194 187.69C754.263 184.318 750.355 182.632 745.914 182.632H599.538C595.097 182.632 591.189 184.407 588.257 187.69C585.326 190.974 584.083 195.056 584.616 199.493L596.429 292.85L604.334 355.325C605.311 362.868 611.617 368.459 619.256 368.459H726.107C733.745 368.459 740.052 362.868 741.029 355.325L750.266 282.201L760.747 199.493H760.836ZM731.969 330.388H699.105V324.176C690.49 330.832 678.765 334.115 664.021 334.115C647.412 334.115 634.266 330.388 624.585 322.756C614.904 315.213 610.018 304.653 610.018 291.075C610.018 277.498 615.259 266.937 625.74 259.483C636.22 252.029 650.965 248.301 670.061 248.301H695.197C694.575 243.864 692.621 240.758 689.602 239.072C686.493 237.386 681.874 236.587 675.568 236.587L625.029 236.321V205.971H667.841C689.957 205.971 706.122 209.61 716.514 216.798C726.906 223.986 732.058 236.232 732.058 253.537V330.388H731.969Z" fill="white"/>
+<path d="M777.268 183.786H829.672V200.114C835.445 193.37 844.505 187.957 856.94 183.786C869.286 179.615 880.477 177.574 890.425 177.574C908.899 177.574 925.598 181.656 940.342 189.909C955.175 198.073 966.721 209.166 975.071 223.187C983.42 237.209 987.594 252.384 987.594 268.712V275.279C987.594 291.697 983.42 306.872 975.071 320.804C966.721 334.825 955.175 345.918 940.342 354.082C925.509 362.247 908.899 366.418 890.425 366.418C864.489 366.418 844.327 358.076 829.76 341.481V426.408H777.356V183.786H777.268ZM920.18 310.421C930.127 302.257 935.101 289.212 935.101 271.463C935.101 256.2 930.394 244.042 921.068 234.901C911.742 225.761 899.484 221.235 884.474 221.235C869.463 221.235 858.094 225.406 848.946 233.748C839.797 242.089 835.267 252.916 835.267 266.316V277.764C835.267 291.164 839.797 301.991 848.946 310.332C858.094 318.674 869.907 322.845 884.474 322.845C899.04 322.845 910.232 318.763 920.18 310.51V310.421Z" fill="white"/>
+<path d="M1021.61 346.451C1008.11 335.979 1001.36 321.248 1001.36 302.257C1001.36 283.266 1008.64 268.623 1023.21 258.241C1037.78 247.858 1058.38 242.622 1084.94 242.622H1119.94C1119.05 236.41 1116.38 232.15 1112.12 229.843C1107.86 227.536 1101.28 226.382 1092.49 226.382L1022.06 226.027V183.786H1081.74C1112.48 183.786 1135.12 188.844 1149.51 198.872C1163.99 208.9 1171.19 225.938 1171.19 249.988V357.1H1125.44V348.403C1113.45 357.632 1097.11 362.247 1076.5 362.247C1053.41 362.247 1035.02 357.011 1021.52 346.451H1021.61ZM1109.54 315.124C1116.74 310.244 1120.29 302.168 1120.29 290.898V281.58H1083.52C1073.57 281.58 1066.02 283.443 1060.78 287.082C1055.54 290.809 1052.97 295.867 1052.97 302.346C1052.97 308.824 1055.54 313.793 1060.78 317.254C1066.02 320.715 1073.57 322.49 1083.52 322.49C1093.47 322.49 1102.35 320.094 1109.54 315.213V315.124Z" fill="white"/>
+<path d="M0 385.231H52.0488V474.95L135.273 385.231H198.425L97.1695 494.384L223.383 627.764H160.232L70.0793 536.271C66.6153 532.543 63.2401 530.769 60.0426 530.769C57.7333 530.769 55.7792 531.834 54.3581 533.875C52.937 535.916 52.1376 538.844 52.1376 542.571V627.853H0V385.32V385.231Z" fill="white"/>
+<path d="M259.977 617.204C246.477 606.732 239.726 592.001 239.726 573.01C239.726 554.019 247.01 539.377 261.576 528.994C276.143 518.611 296.749 513.375 323.306 513.375H358.302C357.413 507.163 354.749 502.904 350.485 500.596C346.222 498.289 339.649 497.135 330.856 497.135L260.421 496.78V454.539H320.109C350.841 454.539 373.49 459.597 387.879 469.625C402.356 479.653 409.551 496.692 409.551 520.741V627.853H363.808V619.156C351.818 628.385 335.475 633 314.868 633C291.775 633 273.389 627.764 259.889 617.204H259.977ZM347.91 585.878C355.104 580.997 358.657 572.921 358.657 561.651V552.333H321.885C311.937 552.333 304.388 554.197 299.147 557.835C293.907 561.562 291.331 566.621 291.331 573.099C291.331 579.577 293.907 584.547 299.147 588.008C304.388 591.469 311.937 593.243 321.885 593.243C331.833 593.243 340.715 590.847 347.91 585.966V585.878Z" fill="white"/>
+<path d="M429.358 454.539H480.696L518.178 572.034L545.269 459.42H604.956L636.132 572.034L668.729 454.539H718.024L669.439 627.764H603.89L575.823 528.994L551.575 627.764H486.025L429.447 454.539H429.358Z" fill="white"/>
+<path d="M757.993 617.204C744.493 606.732 737.742 592.001 737.742 573.01C737.742 554.019 745.025 539.377 759.592 528.994C774.159 518.611 794.765 513.375 821.322 513.375H856.317C855.429 507.163 852.765 502.904 848.501 500.596C844.238 498.289 837.665 497.135 828.872 497.135L758.437 496.78V454.539H818.125C848.857 454.539 871.506 459.597 885.895 469.625C900.372 479.653 907.567 496.692 907.567 520.741V627.853H861.824V619.156C849.834 628.385 833.491 633 812.884 633C789.791 633 771.405 627.764 757.904 617.204H757.993ZM845.925 585.878C853.12 580.997 856.673 572.921 856.673 561.651V552.333H819.901C809.953 552.333 802.403 554.197 797.163 557.835C791.923 561.562 789.347 566.621 789.347 573.099C789.347 579.577 791.923 584.547 797.163 588.008C802.403 591.469 809.953 593.243 819.901 593.243C829.849 593.243 838.731 590.847 845.925 585.966V585.878Z" fill="white"/>
+<path d="M941.319 385.231H1009.27L1119.94 562.982V385.231H1170.92V627.764H1101.91L992.657 451.699V627.764H941.319V385.231Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M641.461 61.7647C639.596 61.7647 638.086 63.2733 638.086 65.1369V89.7186C638.086 91.5822 639.596 93.0908 641.461 93.0908H666.064C667.929 93.0908 669.439 91.5822 669.439 89.7186V65.1369C669.439 63.2733 667.929 61.7647 666.064 61.7647H641.461ZM641.461 101.344C639.596 101.344 638.086 102.852 638.086 104.716V129.298C638.086 131.161 639.596 132.67 641.461 132.67H666.064C667.929 132.67 669.439 131.161 669.439 129.298V104.716C669.439 102.852 667.929 101.344 666.064 101.344H641.461ZM681.697 101.344C679.831 101.344 678.321 102.852 678.321 104.716V129.298C678.321 131.161 679.831 132.67 681.697 132.67H706.3C708.165 132.67 709.675 131.161 709.675 129.298V104.716C709.675 102.852 708.165 101.344 706.3 101.344H681.697ZM681.697 61.7647C679.831 61.7647 678.321 63.2733 678.321 65.1369V89.7186C678.321 91.5822 679.831 93.0908 681.697 93.0908H706.3C708.165 93.0908 709.675 91.5822 709.675 89.7186V65.1369C709.675 63.2733 708.165 61.7647 706.3 61.7647H681.697ZM774.78 62.7409C772.293 95.3981 769.806 128.144 767.32 160.801C767.32 170.829 725.485 164.795 673.88 164.795C622.276 164.795 580.441 170.829 580.441 160.801C577.954 128.144 575.467 95.4868 572.98 62.8296L671.482 0.70988C672.903 -0.177545 674.857 -0.177545 676.279 0.70988L725.13 31.5035V17.1272C725.13 15.3524 726.995 13.8438 729.304 13.8438H746.269C748.578 13.8438 750.444 15.3524 750.444 17.1272V47.4772L774.78 62.8296V62.7409Z" fill="white"/>
+</svg>
diff --git a/wwwroot/website/css/watch.css b/wwwroot/website/css/watch.css
index e59559d..f974b83 100644
--- a/wwwroot/website/css/watch.css
+++ b/wwwroot/website/css/watch.css
@@ -118,7 +118,6 @@
     --container-xs: 20rem;
     --container-sm: 24rem;
     --container-md: 28rem;
-    --container-lg: 32rem;
     --container-xl: 36rem;
     --container-2xl: 42rem;
     --container-3xl: 48rem;
@@ -796,6 +795,9 @@
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
+  .mr-3 {
+    margin-right: calc(var(--spacing) * 3);
+  }
   .mb-0 {
     margin-bottom: calc(var(--spacing) * 0);
   }
@@ -1264,6 +1266,9 @@
   .justify-center {
     justify-content: center;
   }
+  .justify-end {
+    justify-content: flex-end;
+  }
   .gap-0 {
     gap: calc(var(--spacing) * 0);
   }
@@ -1558,6 +1563,15 @@
   .border-cyan-300 {
     border-color: var(--color-cyan-300);
   }
+  .border-cyan-400 {
+    border-color: var(--color-cyan-400);
+  }
+  .border-cyan-400\/20 {
+    border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
+    }
+  }
   .border-cyan-600\/50 {
     border-color: color-mix(in srgb, oklch(60.9% 0.126 221.723) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1609,15 +1623,6 @@
   .border-orange-300 {
     border-color: var(--color-orange-300);
   }
-  .border-orange-400 {
-    border-color: var(--color-orange-400);
-  }
-  .border-orange-400\/20 {
-    border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-orange-400) 20%, transparent);
-    }
-  }
   .border-purple-200 {
     border-color: var(--color-purple-200);
   }
@@ -1633,6 +1638,9 @@
   .border-red-400 {
     border-color: var(--color-red-400);
   }
+  .border-red-500 {
+    border-color: var(--color-red-500);
+  }
   .border-slate-200 {
     border-color: var(--color-slate-200);
   }
@@ -1717,9 +1725,15 @@
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
+  .bg-cyan-50 {
+    background-color: var(--color-cyan-50);
+  }
   .bg-cyan-100 {
     background-color: var(--color-cyan-100);
   }
+  .bg-cyan-300 {
+    background-color: var(--color-cyan-300);
+  }
   .bg-cyan-400 {
     background-color: var(--color-cyan-400);
   }
@@ -1729,6 +1743,12 @@
   .bg-cyan-700 {
     background-color: var(--color-cyan-700);
   }
+  .bg-cyan-700\/30 {
+    background-color: color-mix(in srgb, oklch(52% 0.105 223.128) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-cyan-700) 30%, transparent);
+    }
+  }
   .bg-cyan-700\/70 {
     background-color: color-mix(in srgb, oklch(52% 0.105 223.128) 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1798,12 +1818,6 @@
   .bg-orange-500 {
     background-color: var(--color-orange-500);
   }
-  .bg-orange-700\/30 {
-    background-color: color-mix(in srgb, oklch(55.3% 0.195 38.402) 30%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-orange-700) 30%, transparent);
-    }
-  }
   .bg-purple-500 {
     background-color: var(--color-purple-500);
   }
@@ -2049,6 +2063,11 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
+  .via-cyan-600 {
+    --tw-gradient-via: var(--color-cyan-600);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
   .via-emerald-50 {
     --tw-gradient-via: var(--color-emerald-50);
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -2059,11 +2078,6 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
-  .via-orange-600 {
-    --tw-gradient-via: var(--color-orange-600);
-    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-via-stops);
-  }
   .via-rose-50 {
     --tw-gradient-via: var(--color-rose-50);
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -2102,6 +2116,10 @@
     --tw-gradient-to: var(--color-cyan-50);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-cyan-100 {
+    --tw-gradient-to: var(--color-cyan-100);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .to-cyan-200 {
     --tw-gradient-to: var(--color-cyan-200);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2162,18 +2180,10 @@
     --tw-gradient-to: var(--color-orange-50);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .to-orange-100 {
-    --tw-gradient-to: var(--color-orange-100);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .to-orange-400 {
     --tw-gradient-to: var(--color-orange-400);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .to-orange-500 {
-    --tw-gradient-to: var(--color-orange-500);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .to-orange-600 {
     --tw-gradient-to: var(--color-orange-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2618,12 +2628,21 @@
   .text-cyan-100 {
     color: var(--color-cyan-100);
   }
+  .text-cyan-100\/70 {
+    color: color-mix(in srgb, oklch(95.6% 0.045 203.388) 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-cyan-100) 70%, transparent);
+    }
+  }
   .text-cyan-500 {
     color: var(--color-cyan-500);
   }
   .text-cyan-600 {
     color: var(--color-cyan-600);
   }
+  .text-cyan-700 {
+    color: var(--color-cyan-700);
+  }
   .text-cyan-800 {
     color: var(--color-cyan-800);
   }
@@ -2675,12 +2694,6 @@
   .text-orange-100 {
     color: var(--color-orange-100);
   }
-  .text-orange-100\/70 {
-    color: color-mix(in srgb, oklch(95.4% 0.038 75.164) 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-orange-100) 70%, transparent);
-    }
-  }
   .text-orange-500 {
     color: var(--color-orange-500);
   }
@@ -3107,13 +3120,6 @@
       }
     }
   }
-  .hover\:border-orange-200 {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-orange-200);
-      }
-    }
-  }
   .hover\:border-orange-300 {
     &:hover {
       @media (hover: hover) {
@@ -3341,6 +3347,13 @@
       }
     }
   }
+  .hover\:text-cyan-200 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-cyan-200);
+      }
+    }
+  }
   .hover\:text-cyan-600 {
     &:hover {
       @media (hover: hover) {
@@ -3421,16 +3434,16 @@
       }
     }
   }
+  .focus\:border-cyan-400 {
+    &:focus {
+      border-color: var(--color-cyan-400);
+    }
+  }
   .focus\:border-cyan-500 {
     &:focus {
       border-color: var(--color-cyan-500);
     }
   }
-  .focus\:border-orange-400 {
-    &:focus {
-      border-color: var(--color-orange-400);
-    }
-  }
   .focus\:border-orange-500 {
     &:focus {
       border-color: var(--color-orange-500);
@@ -3468,6 +3481,11 @@
       --tw-ring-color: var(--color-cyan-300);
     }
   }
+  .focus\:ring-cyan-400 {
+    &:focus {
+      --tw-ring-color: var(--color-cyan-400);
+    }
+  }
   .focus\:ring-cyan-500 {
     &:focus {
       --tw-ring-color: var(--color-cyan-500);
@@ -3478,11 +3496,6 @@
       --tw-ring-color: var(--color-orange-200);
     }
   }
-  .focus\:ring-orange-400 {
-    &:focus {
-      --tw-ring-color: var(--color-orange-400);
-    }
-  }
   .focus\:ring-orange-500 {
     &:focus {
       --tw-ring-color: var(--color-orange-500);