@theme{ --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }:root{--bg: #ffffff;--fg: #1e1e1e;--link-hover: #3a3a3a;--text: #111;--input-bg: #f9f9f9;--label: #666;--border: #333;--border-hover: #999;--error: #c60000;--success: #007BFF;--focus: #007BFF;--placeholder: #999;--disabled: #ccc;--disabled-bg: #f9f9f9;--disabled-border: #eee;--label-active: #333;--navbar-background: linear-gradient(135deg, rgba(191, 217, 255, .98) 0%, rgba(130, 184, 255, .95) 100%);--navbar-border: 2px solid rgba(203,213,225,.6);--navbar-shadow: 0 8px 25px -5px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--background-hover: #6cceff}.theme-dark{--bg: #393939;--fg: #f5f5f5;--navbar-background: linear-gradient(135deg, rgba(17,24,39,.95) 0%, rgba(31,41,55,.98) 100%);--navbar-border: 1px solid rgba(55,65,81,.7);--navbar-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--link-hover: #f5f5f5;--text: #f5f5f5;--input-bg: #2a2a2a;--label: #aaa;--label-active: #fff;--border: #ddd;--border-hover: #666;--error: #c60000;--success: #007BFF;--focus: #007BFF;--placeholder: #999;--disabled: #ccc;--disabled-bg: #f9f9f9;--disabled-border: #eee;--background-hover: #1fa1ff}html,body{background-color:var(--bg);color:var(--text);transition:background-color .2s ease-in-out,color .2s ease-in-out}.page-container{padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;justify-content:center;box-sizing:border-box}.full-page{height:100vh}.heading{font-family:Gotham,Arial,sans-serif;font-size:36px;color:var(--text);margin-bottom:20px;font-weight:600}.paragraph{font-family:Arial,sans-serif;font-size:18px;color:var(--text);margin-bottom:30px;line-height:1.6;text-align:left;max-width:800px}.disclaimer-container{max-width:800px;background-color:var(--input-bg);padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--border)}.error-message{color:var(--error);margin-top:20px;text-align:center;font-size:14px}.border-blue{border:4px solid #007bff;border-radius:12px}.border-green{border:4px solid #56cc3e;border-radius:12px}.button{font-family:Arial,sans-serif;border:none;border-radius:30px;cursor:pointer;transition:background-color .3s ease}.button-small{width:100px;height:40px;font-size:14px;padding:8px 16px}.button-medium{width:175px;height:50px;font-size:16px;padding:10px 20px}.button-large{width:250px;height:60px;font-size:20px;padding:12px 24px}.button-primary{background-color:#007bff;color:#fff}.button-primary:hover{background-color:#0056b3}.button-green{background-color:#56cc3e;color:#fff}.button-green:hover{background-color:#3da62b}.button-red{background-color:#ff4848;color:#fff}.button-red:hover{background-color:#cc3a3a}.centered-button-container{margin-top:60px;display:flex;justify-content:center}.button-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin-top:30px}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.button-secondary{background-color:#666}.button-secondary{background-color:#555}.button-disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed!important;opacity:.6}.button-disabled:hover{background-color:#ccc!important}.text-danger{color:var(--error)}.floating-label-input{position:relative;margin:20px 0;width:100%}.floating-label-input input{width:100%;padding:10px 5px;font-size:16px;border:1px solid #ccc;border-radius:4px;outline:none;transition:border-color .3s}.floating-label-input label{position:absolute;left:5px;top:10px;font-size:16px;color:var(--label);pointer-events:none;transition:all .3s ease}.floating-label-input input:focus+label,.floating-label-input input:not(:placeholder-shown)+label,.floating-label-input textarea:focus+label,.floating-label-input textarea:not(:placeholder-shown)+label{top:-15px;left:5px;font-size:12px}.floating-label-input label{position:absolute;top:10px;left:12px;transition:all .2s ease;pointer-events:none;font-size:16px;color:var(--label)}.floating-label-input.active label{top:-15px;left:5px;font-size:12px;color:var(--label-active)}.floating-label-input input:focus{border-color:#007bff}.floating-label-select{position:relative;width:100%;margin:20px 0}.floating-label-select select{padding:10px 5px;font-size:16px;border:1px solid #ccc;border-radius:4px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .3s;cursor:pointer;background-color:#fff}.floating-label-select-desktop select{width:102%}.floating-label-select-mobile select{width:85.25vw}.floating-label-select select:focus{border-color:var(--border)}.floating-label-select label{position:absolute;left:5px;top:10px;font-size:16px;color:var(--label);pointer-events:none;transition:all .3s ease}.floating-label-select select textarea{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23999' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px}.floating-label-select select:focus+label,.floating-label-select label.active{top:-15px;left:5px;font-size:12px;color:var(--label-active)}.mobile-field{width:82.5vw;text-align:left}.error-label{color:var(--error)!important}.password-field-show-hide{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0}.logout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;z-index:9999;display:flex;align-items:center;justify-content:center}.logout-content{text-align:center;color:#fff}.logout-text{margin-top:1rem;font-size:1.25rem;font-weight:500}
