@media only screen and (min-width: 0rem) {#portal-gate {min-height: 80vh;display: flex;align-items: center;justify-content: center;padding: var(--sectionPadding);background: linear-gradient(135deg, var(--secondary) 0%, #0a3a5c 100%);}#portal-gate .cs-container {width: 100%;max-width: 34rem;margin: auto;display: flex;justify-content: center;}#portal-gate .cs-content {width: 100%;padding: clamp(2rem, 6vw, 3rem);background: #fff;border-radius: 1rem;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);display: flex;flex-direction: column;align-items: center;text-align: center;gap: 1.25rem;}#portal-gate .cs-logo {width: clamp(4rem, 12vw, 6rem);height: auto;margin-bottom: 0.5rem;}#portal-gate .cs-title {font-size: clamp(1.5rem, 4vw, 2rem);font-weight: 700;color: var(--headerColor);margin: 0;line-height: 1.2;}#portal-gate .cs-text {font-size: clamp(0.9rem, 2vw, 1rem);color: var(--bodyTextColor);margin: 0;line-height: 1.6;}#portal-gate .cs-button-group {display: flex;flex-direction: column;gap: 0.75rem;width: 100%;margin-top: 0.5rem;}#portal-gate .cs-button-solid {font-size: 1rem;font-weight: 700;line-height: 3.5rem;text-align: center;color: #fff;background-color: var(--primary);border: 2px solid var(--primary);border-radius: 0.25rem;cursor: pointer;display: block;width: 100%;transition: background-color 0.3s, color 0.3s;}#portal-gate .cs-button-solid:hover {background-color: transparent;color: var(--primary);}#portal-gate .cs-button-outline {font-size: 1rem;font-weight: 700;line-height: 3.5rem;text-align: center;color: var(--primary);background-color: transparent;border: 2px solid var(--primary);border-radius: 0.25rem;cursor: pointer;display: block;width: 100%;transition: background-color 0.3s, color 0.3s;}#portal-gate .cs-button-outline:hover {background-color: var(--primary);color: #fff;}#portal-gate .cs-subtext {font-size: 0.875rem;color: #6b6b7b;margin: 0;}#portal-gate .cs-link {color: var(--primary);text-decoration: underline;}}@media only screen and (min-width: 0rem) {#portal-form-section {padding: var(--sectionPadding);background: #f4f4f8;min-height: 80vh;}#portal-form-section .cs-container {width: 100%;max-width: 60rem;margin: auto;display: flex;flex-direction: column;gap: 2rem;}.cs-portal-header {display: flex;flex-direction: column;gap: 1rem;padding-bottom: 1.5rem;border-bottom: 2px solid #e0e0ed;}.cs-portal-header .cs-topper {font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--primary);display: block;margin-bottom: 0.25rem;}.cs-portal-header .cs-title {font-size: clamp(1.25rem, 3vw, 1.75rem);font-weight: 700;color: var(--headerColor);margin: 0;line-height: 1.2;}.cs-user-bar {display: flex;align-items: center;gap: 0.625rem;flex-wrap: wrap;}.cs-user-icon {display: flex;align-items: center;color: var(--primary);}.cs-user-email {font-size: 0.9375rem;color: var(--bodyTextColor);font-weight: 600;}.cs-logout-btn {font-size: 0.8125rem;font-weight: 600;color: #6b6b7b;background: none;border: 1px solid #d0d0e0;border-radius: 0.25rem;padding: 0.35rem 0.875rem;cursor: pointer;transition: border-color 0.3s, color 0.3s;}.cs-logout-btn:hover {border-color: var(--primary);color: var(--primary);}#archiving-request-form {background: #fff;border: 1px solid #dad9e3;border-radius: 1rem;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07);padding: clamp(1.5rem, 4vw, 2.5rem);}.cs-progress {display: flex;align-items: flex-start;margin-bottom: 2.5rem;}.cs-progress-step {display: flex;flex-direction: column;align-items: center;gap: 0.5rem;flex: 0 0 auto;}.cs-step-circle {width: 2.25rem;height: 2.25rem;border-radius: 50%;border: 2px solid #d0d0e0;background: #fff;color: #b0aec8;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 0.875rem;transition: background-color 0.3s, border-color 0.3s, color 0.3s;position: relative;}.cs-step-label {font-size: 0.6875rem;font-weight: 600;color: #b0aec8;text-align: center;white-space: nowrap;transition: color 0.3s;}.cs-progress-step.cs-active .cs-step-circle {border-color: var(--primary);background: var(--primary);color: #fff;}.cs-progress-step.cs-active .cs-step-label {color: var(--primary);}.cs-progress-step.cs-done .cs-step-circle {border-color: var(--primary);background: var(--primary);color: #fff;}.cs-progress-step.cs-done .cs-step-circle span {display: none;}.cs-progress-step.cs-done .cs-step-circle::after {content: "✓";font-size: 0.9375rem;}.cs-progress-step.cs-done .cs-step-label {color: var(--primary);}.cs-progress-line {flex: 1;height: 2px;background: #d0d0e0;margin-top: 1.125rem;transition: background-color 0.4s;}.cs-progress-line.cs-done {background: var(--primary);}.cs-step-header {margin-bottom: 1.75rem;padding-bottom: 1rem;border-bottom: 1px solid #ebebf5;}.cs-step-tag {font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--primary);display: block;margin-bottom: 0.35rem;}.cs-step-title {font-size: clamp(1.1rem, 2.5vw, 1.4rem);font-weight: 700;color: var(--headerColor);margin: 0;}.cs-form-grid {display: grid;grid-template-columns: 1fr;gap: 1.375rem;}.cs-form-group {display: flex;flex-direction: column;gap: 0.375rem;}.cs-form-group.cs-divider-group {position: relative;display: flex;align-items: center;gap: 0;margin-top: 0.5rem;}.cs-divider {flex: 1;border: none;border-top: 1px solid #e0e0ed;}.cs-divider-label {font-size: 0.75rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: #9e9bba;padding: 0 1rem;white-space: nowrap;}.cs-label {font-size: clamp(0.875rem, 1.3vw, 1rem);font-weight: 700;color: var(--headerColor);line-height: 1.4;}.cs-required {color: var(--primary);margin-left: 0.125rem;}.cs-optional {font-size: 0.8125rem;font-weight: 400;color: #9e9bba;margin-left: 0.25rem;}.cs-fieldset-hint {font-size: 0.875rem;color: #6b6b7b;margin: 0 0 0.625rem;line-height: 1.5;}.cs-input {font-size: 1rem;width: 100%;height: 3.25rem;padding: 0 1rem;border: 1px solid #dad9e3;border-radius: 0.375rem;background: #fafafa;color: var(--bodyTextColor);transition: border-color 0.25s, box-shadow 0.25s;box-sizing: border-box;appearance: none;-webkit-appearance: none;font-family: inherit;}.cs-input:focus {outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(168, 33, 65, 0.12);background: #fff;}.cs-input::placeholder {color: #b0aec8;}.cs-input.cs-invalid {border-color: #d32f2f;box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1);}.cs-select {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b7b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.875rem center;background-size: 1.125rem;padding-right: 2.75rem;cursor: pointer;}.cs-textarea {height: auto;padding: 0.875rem 1rem;resize: vertical;min-height: 6rem;line-height: 1.5;}.cs-signature-input {font-style: italic;font-size: 1.125rem;border: none;border-bottom: 2px solid #dad9e3;border-radius: 0;background: transparent;padding-left: 0;}.cs-signature-input:focus {border-bottom-color: var(--primary);box-shadow: none;background: transparent;}.cs-fieldset {border: none;margin: 0;padding: 0;}.cs-fieldset legend.cs-label {width: 100%;margin-bottom: 0.75rem;}.cs-check-list {display: flex;flex-direction: column;gap: 0.625rem;}.cs-check-list--inline {flex-direction: column;gap: 0.625rem;}.cs-check-label {display: flex;align-items: center;gap: 0.75rem;cursor: pointer;font-size: 0.9375rem;color: var(--bodyTextColor);line-height: 1.4;position: relative;}.cs-check-label.cs-sub {padding-left: 1.5rem;}.cs-check-label input[type="checkbox"], .cs-check-label input[type="radio"] {position: absolute;opacity: 0;width: 0;height: 0;}.cs-checkmark {flex-shrink: 0;width: 1.125rem;height: 1.125rem;border: 2px solid #c8c6d9;border-radius: 0.25rem;background: #fff;display: flex;align-items: center;justify-content: center;transition: border-color 0.2s, background-color 0.2s;}.cs-checkmark::after {content: "";width: 0.35rem;height: 0.6rem;border: 2px solid #fff;border-top: none;border-left: none;transform: rotate(45deg) translateY(-1px);display: none;}.cs-check-label input[type="checkbox"]:checked ~ .cs-checkmark {background: var(--primary);border-color: var(--primary);}.cs-check-label input[type="checkbox"]:checked ~ .cs-checkmark::after {display: block;}.cs-check-label input[type="checkbox"]:focus ~ .cs-checkmark {box-shadow: 0 0 0 3px rgba(168, 33, 65, 0.18);}.cs-checkmark--lg {width: 1.375rem;height: 1.375rem;flex-shrink: 0;align-self: flex-start;margin-top: 0.1rem;}.cs-radiomark {flex-shrink: 0;width: 1.125rem;height: 1.125rem;border: 2px solid #c8c6d9;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;transition: border-color 0.2s;}.cs-radiomark::after {content: "";width: 0.5rem;height: 0.5rem;background: var(--primary);border-radius: 50%;display: none;}.cs-check-label input[type="radio"]:checked ~ .cs-radiomark {border-color: var(--primary);}.cs-check-label input[type="radio"]:checked ~ .cs-radiomark::after {display: block;}.cs-check-label input[type="radio"]:focus ~ .cs-radiomark {box-shadow: 0 0 0 3px rgba(168, 33, 65, 0.18);}.cs-auth-label {align-items: flex-start;background: #f8f8fb;border: 1px solid #e8e8f0;border-radius: 0.5rem;padding: 1rem;gap: 0.875rem;}.cs-auth-text {font-size: 0.9375rem;line-height: 1.6;color: var(--bodyTextColor);}.cs-file-wrap {position: relative;cursor: pointer;}.cs-file-input {position: absolute;inset: 0;opacity: 0;width: 100%;height: 100%;cursor: pointer;z-index: 1;}.cs-file-ui {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.5rem;padding: 2rem 1.5rem;border: 2px dashed #c8c6d9;border-radius: 0.5rem;background: #fafafa;text-align: center;transition: border-color 0.25s, background 0.25s;}.cs-file-wrap:hover .cs-file-ui {border-color: var(--primary);background: #fff8f9;}.cs-file-ui svg {color: #9e9bba;}.cs-file-wrap:hover .cs-file-ui svg {color: var(--primary);}.cs-file-prompt {font-size: 0.9375rem;font-weight: 600;color: var(--headerColor);}.cs-file-types {font-size: 0.8125rem;color: #9e9bba;}.cs-file-names {font-size: 0.8125rem;color: var(--primary);font-weight: 600;word-break: break-all;}.cs-field-error {font-size: 0.8125rem;color: #d32f2f;margin: 0.25rem 0 0;display: flex;align-items: center;gap: 0.25rem;}.cs-step-nav {display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-top: 2rem;padding-top: 1.5rem;border-top: 1px solid #ebebf5;flex-wrap: wrap;}.cs-step-nav--right {justify-content: flex-end;}#portal-form-section .cs-button-solid {font-size: 0.9375rem;font-weight: 700;padding: 0 1.5rem;height: 3.25rem;color: #fff;background-color: var(--primary);border: 2px solid var(--primary);border-radius: 0.25rem;cursor: pointer;display: inline-flex;align-items: center;gap: 0.5rem;transition: background-color 0.3s, color 0.3s;white-space: nowrap;}#portal-form-section .cs-button-solid:hover:not(:disabled) {background-color: transparent;color: var(--primary);}#portal-form-section .cs-button-solid:disabled {opacity: 0.6;cursor: not-allowed;}.cs-button-back {font-size: 0.9375rem;font-weight: 600;padding: 0 1.25rem;height: 3.25rem;color: #6b6b7b;background: none;border: 1px solid #d0d0e0;border-radius: 0.25rem;cursor: pointer;display: inline-flex;align-items: center;gap: 0.375rem;transition: border-color 0.25s, color 0.25s;white-space: nowrap;}.cs-button-back:hover {border-color: var(--headerColor);color: var(--headerColor);}.cs-form-footer-note {font-size: 0.8125rem;color: #6b6b7b;display: flex;align-items: center;gap: 0.375rem;margin-top: 1.5rem;}.cs-form-footer-note svg {flex-shrink: 0;color: #4caf50;}}@media only screen and (min-width: 64rem) {#portal-gate, #portal-form-section, #portal-success {padding-top: 9rem;}}@media only screen and (min-width: 48rem) {.cs-portal-header {flex-direction: row;justify-content: space-between;align-items: flex-end;}.cs-form-grid {grid-template-columns: 1fr 1fr;}.cs-form-group.cs-full {grid-column: 1 / -1;}.cs-check-list--inline {flex-direction: row;flex-wrap: wrap;gap: 0.75rem 2rem;}.cs-step-nav {flex-wrap: nowrap;}}@media only screen and (min-width: 0rem) {#portal-success {min-height: 80vh;display: flex;align-items: center;justify-content: center;padding: var(--sectionPadding);background: #f4f4f8;}#portal-success .cs-container {width: 100%;max-width: 34rem;margin: auto;display: flex;justify-content: center;}#portal-success .cs-content {width: 100%;padding: clamp(2rem, 6vw, 3rem);background: #fff;border-radius: 1rem;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);display: flex;flex-direction: column;align-items: center;text-align: center;gap: 1.25rem;}.cs-success-icon {width: 4.5rem;height: 4.5rem;background: #e8f5e9;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 0.5rem;}.cs-success-icon svg {width: 2rem;height: 2rem;stroke: #2e7d32;}#portal-success .cs-title {font-size: clamp(1.5rem, 4vw, 2rem);font-weight: 700;color: var(--headerColor);margin: 0;}#portal-success .cs-text {font-size: clamp(0.9rem, 2vw, 1rem);color: var(--bodyTextColor);margin: 0;line-height: 1.6;}#portal-success .cs-button-group {display: flex;flex-direction: column;gap: 0.75rem;width: 100%;margin-top: 0.5rem;}#portal-success .cs-button-solid {font-size: 1rem;font-weight: 700;line-height: 3.5rem;height: auto;justify-content: center;display: flex;width: 100%;}#portal-success .cs-button-outline {font-size: 1rem;font-weight: 700;line-height: 3.5rem;text-align: center;color: var(--primary);background-color: transparent;border: 2px solid var(--primary);border-radius: 0.25rem;cursor: pointer;display: block;width: 100%;text-decoration: none;transition: background-color 0.3s, color 0.3s;}#portal-success .cs-button-outline:hover {background-color: var(--primary);color: #fff;}}@media only screen and (min-width: 0rem) {body.dark-mode #portal-gate .cs-content {background: var(--medium);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);}body.dark-mode #portal-gate .cs-title {color: #fff;}body.dark-mode #portal-gate .cs-text {color: var(--bodyTextColorWhite);}body.dark-mode #portal-gate .cs-subtext {color: #9baec8;}body.dark-mode #portal-gate .cs-button-outline {border-color: var(--primary);color: var(--primary);}body.dark-mode #portal-form-section {background: var(--dark);}body.dark-mode .cs-portal-header .cs-title, body.dark-mode .cs-step-title {color: #fff;}body.dark-mode .cs-user-email {color: #fff;}body.dark-mode .cs-label {color: #fff;}body.dark-mode .cs-portal-header {border-bottom-color: var(--accent);}body.dark-mode .cs-logout-btn {border-color: var(--accent);color: #9baec8;}body.dark-mode .cs-logout-btn:hover {border-color: var(--primary);color: var(--primary);}body.dark-mode #archiving-request-form {background: var(--medium);border-color: var(--accent);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);}body.dark-mode .cs-step-circle {background: var(--medium);border-color: var(--accent);color: #6b7fa0;}body.dark-mode .cs-step-label {color: #6b7fa0;}body.dark-mode .cs-progress-line {background: var(--accent);}body.dark-mode .cs-progress-line.cs-done {background: var(--primary);}body.dark-mode .cs-progress-step.cs-active .cs-step-circle, body.dark-mode .cs-progress-step.cs-done .cs-step-circle {background: var(--primary);border-color: var(--primary);color: #fff;}body.dark-mode .cs-progress-step.cs-active .cs-step-label, body.dark-mode .cs-progress-step.cs-done .cs-step-label {color: var(--primary);}body.dark-mode .cs-step-header {border-bottom-color: var(--accent);}body.dark-mode .cs-optional {color: #6b7fa0;}body.dark-mode .cs-fieldset-hint {color: #9baec8;}body.dark-mode .cs-divider {border-top-color: var(--accent);}body.dark-mode .cs-divider-label {color: #6b7fa0;}body.dark-mode .cs-input {background: var(--accent);border-color: var(--medium);color: #fff;}body.dark-mode .cs-input:focus {border-color: var(--primary);background: #3d4f65;box-shadow: 0 0 0 3px rgba(168, 33, 65, 0.2);}body.dark-mode .cs-input::placeholder {color: #6b7fa0;}body.dark-mode .cs-input.cs-invalid {border-color: #ef5350;box-shadow: 0 0 0 3px rgba(239, 83, 80, 0.15);}body.dark-mode .cs-select {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239baec8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.875rem center;background-size: 1.125rem;}body.dark-mode .cs-select option {background: var(--medium);color: #fff;}body.dark-mode .cs-signature-input {border-bottom-color: var(--accent);color: #fff;}body.dark-mode .cs-signature-input:focus {border-bottom-color: var(--primary);background: transparent;}body.dark-mode .cs-checkmark {background: var(--accent);border-color: #5a6e85;}body.dark-mode .cs-check-label input[type="checkbox"]:checked ~ .cs-checkmark {background: var(--primary);border-color: var(--primary);}body.dark-mode .cs-radiomark {background: var(--accent);border-color: #5a6e85;}body.dark-mode .cs-check-label input[type="radio"]:checked ~ .cs-radiomark {border-color: var(--primary);}body.dark-mode .cs-check-label {color: #d0dbe8;}body.dark-mode .cs-auth-label {background: var(--accent);border-color: #4a5f75;}body.dark-mode .cs-auth-text {color: #d0dbe8;}body.dark-mode .cs-file-ui {background: var(--accent);border-color: #4a5f75;}body.dark-mode .cs-file-wrap:hover .cs-file-ui {border-color: var(--primary);background: #3d4f65;}body.dark-mode .cs-file-ui svg {color: #6b7fa0;}body.dark-mode .cs-file-prompt {color: #d0dbe8;}body.dark-mode .cs-file-types {color: #6b7fa0;}body.dark-mode .cs-step-nav {border-top-color: var(--accent);}body.dark-mode .cs-button-back {border-color: var(--accent);color: #9baec8;}body.dark-mode .cs-button-back:hover {border-color: #d0dbe8;color: #d0dbe8;}body.dark-mode .cs-form-footer-note {color: #9baec8;}body.dark-mode #portal-success {background: var(--dark);}body.dark-mode #portal-success .cs-content {background: var(--medium);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);}body.dark-mode #portal-success .cs-title {color: #fff;}body.dark-mode #portal-success .cs-text {color: var(--bodyTextColorWhite);}body.dark-mode .cs-success-icon {background: #1a3d20;}body.dark-mode #portal-success .cs-button-outline {border-color: var(--primary);color: var(--primary);}body.dark-mode #portal-success .cs-button-outline:hover {background-color: var(--primary);color: #fff;}}