:root {--dc-bg: hsl(210, 20%, 98%);--dc-grid-color: hsla(210, 20%, 20%, 0.08);--dc-card-bg: hsl(0, 0%, 100%);--dc-card-shadow: hsla(210, 50%, 20%, 0.12);--dc-header-gradient-start: hsl(199, 89%, 70%);--dc-header-gradient-end: hsl(199, 89%, 95%);--dc-text-primary: hsl(210, 30%, 15%);--dc-text-secondary: hsl(210, 15%, 45%);--dc-accent: hsl(199, 89%, 48%);--dc-accent-light: hsl(199, 89%, 60%);--dc-accent-glow: hsla(199, 89%, 55%, 0.5);--dc-tab-bg: hsl(0, 0%, 100%);--dc-tab-inactive: hsl(210, 15%, 60%);--dc-info-bg: hsl(210, 30%, 96%);--dc-info-hover: hsl(210, 30%, 92%);--dc-border: hsl(210, 20%, 90%);--dc-icon-bg: hsl(0, 0%, 100%);}body.dark-mode {--dc-bg: hsl(215, 28%, 10%);--dc-grid-color: hsla(0, 0%, 100%, 0.06);--dc-card-bg: hsl(215, 32%, 15%);--dc-card-shadow: hsla(215, 50%, 5%, 0.5);--dc-header-gradient-start: hsl(215, 35%, 20%);--dc-header-gradient-end: hsl(215, 32%, 15%);--dc-text-primary: hsl(210, 30%, 95%);--dc-text-secondary: hsl(210, 15%, 70%);--dc-accent: hsl(199, 89%, 55%);--dc-accent-light: hsl(199, 89%, 65%);--dc-accent-glow: hsla(199, 89%, 55%, 0.4);--dc-tab-bg: hsl(215, 30%, 20%);--dc-tab-inactive: hsl(210, 15%, 55%);--dc-info-bg: hsla(0, 0%, 100%, 0.05);--dc-info-hover: hsla(0, 0%, 100%, 0.1);--dc-border: hsla(0, 0%, 100%, 0.1);--dc-icon-bg: hsl(215, 28%, 12%);}@property --angle {syntax: "<angle>";initial-value: 0deg;inherits: false;}@property --gradient-fill-point {syntax: "<percentage>";initial-value: 70%;inherits: false;}@keyframes spin {from {--angle: 0deg;}to {--angle: 360deg;}}@keyframes fadeIn {from {opacity: 0;transform: translateY(8px);}to {opacity: 1;transform: translateY(0);}}@keyframes slideInLeft {from {opacity: 0;transform: translateX(-20px);}to {opacity: 1;transform: translateX(0);}}@keyframes slideInRight {from {opacity: 0;transform: translateX(20px);}to {opacity: 1;transform: translateX(0);}}body.digital-card-page {--py: 2rem;margin: 0;padding: var(--py) 1rem;min-height: calc(100vh - (2 * var(--py)));display: flex;justify-content: center;align-items: center;font-family: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;background-color: var(--dc-bg);background-image: linear-gradient(to right, var(--dc-grid-color) 1px, transparent 1px), linear-gradient(to bottom, var(--dc-grid-color) 1px, transparent 1px);background-size: 50px 50px;position: relative;transition: background-color 0.4s ease;}body.digital-card-page::before {content: "";position: fixed;inset: 0;background: radial-gradient(ellipse at center, transparent 0%, transparent 40%, var(--dc-bg) 100%);pointer-events: none;z-index: 0;}#dark-mode-toggle {position: fixed !important;top: 1.5rem;right: 1.5rem;width: 48px;height: 48px;border-radius: 50%;border: 2px solid var(--dc-border);background-color: var(--dc-card-bg);box-shadow: 0 4px 12px var(--dc-card-shadow);cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 1000;transition: all 0.3s ease;}#dark-mode-toggle:hover {transform: scale(1.08);border-color: var(--dc-accent);box-shadow: 0 6px 20px var(--dc-accent-glow);}#dark-mode-toggle svg {width: 22px;height: 22px;transition: all 0.3s ease;}#dark-mode-toggle .cs-sun {display: none;}#dark-mode-toggle .cs-sun path, #dark-mode-toggle .cs-sun g {fill: var(--dc-accent);}#dark-mode-toggle .cs-moon {display: block;}#dark-mode-toggle .cs-moon path {fill: var(--dc-text-primary);}body.dark-mode #dark-mode-toggle .cs-sun {display: block;}body.dark-mode #dark-mode-toggle .cs-moon {display: none;}.id-card-wrapper {width: 100%;max-width: 380px;position: relative;z-index: 10;}.id-card {background-color: var(--dc-card-bg);border-radius: 28px;box-shadow: 0 25px 50px -12px var(--dc-card-shadow), 0 0 0 1px var(--dc-border);overflow: hidden;position: relative;transition: all 0.4s ease;}.id-card-header {background: linear-gradient(160deg, var(--dc-header-gradient-start) 0%, var(--dc-header-gradient-end) 100%);padding: 2.5rem 1.5rem 2rem;text-align: center;position: relative;}.id-card-header::before, .id-card-header::after {content: "";position: absolute;border-radius: 50%;opacity: 0.15;background: var(--dc-accent);}.id-card-header::before {width: 120px;height: 120px;top: -40px;right: -30px;}.id-card-header::after {width: 80px;height: 80px;bottom: 20px;left: -25px;}.id-profile-img {width: 100px;height: 100px;border-radius: 50%;object-fit: cover;margin: 0 auto 1rem;border: 4px solid var(--dc-card-bg);box-shadow: 0 8px 24px hsla(210, 50%, 20%, 0.15);display: block;background-color: var(--dc-card-bg);position: relative;z-index: 1;}.id-name {font-size: 1.5rem;font-weight: 700;color: var(--dc-text-primary);margin: 0 0 0.25rem;line-height: 1.2;position: relative;z-index: 1;}.id-title {font-size: 0.8rem;font-weight: 600;color: var(--dc-accent);text-transform: uppercase;letter-spacing: 0.1em;margin: 0 0 1.5rem;position: relative;z-index: 1;}body.dark-mode .id-title {color: var(--dc-accent-light);}.button-solid.nav-button {font-size: 0.875rem;line-height: 2.75rem;text-decoration: none;font-weight: 700;text-align: center;margin: 0 auto;color: hsl(0, 0%, 100%);background-color: var(--dc-accent);display: inline-flex;position: relative;z-index: 1;box-sizing: border-box;transition: transform 0.3s ease;border-radius: 14px;font-family: "Montserrat", sans-serif;padding: 0;overflow: visible;border: none;cursor: pointer;}.button-solid.nav-button.disabled-link {pointer-events: none;opacity: 0.7;filter: grayscale(0.5);cursor: not-allowed;}.button-solid.nav-button:after, .button-solid.nav-button:before {content: "";position: absolute;height: 100%;width: 100%;opacity: 1;z-index: -1;top: 50%;left: 50%;translate: -50% -50%;transition: --gradient-fill-point 0.5s ease-out;border-radius: inherit;padding: 3px;box-sizing: unset;background-image: conic-gradient(from var(--angle), transparent var(--gradient-fill-point), var(--dc-accent-light) var(--gradient-fill-point));animation: 3s spin linear infinite;}.button-solid.nav-button:before {filter: blur(1rem);opacity: 0.7;}.button-solid.nav-button .link-text {padding: 0 1.75rem;width: 100%;height: 100%;background-color: var(--dc-accent);border-radius: inherit;position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;gap: 0.5rem;transition: background-color 0.3s ease;}.button-solid.nav-button svg {width: 18px;height: 18px;}.button-solid.nav-button:hover {transform: translateY(-2px);}.button-solid.nav-button:hover:after, .button-solid.nav-button:hover:before {animation-play-state: paused;--gradient-fill-point: 0%;}.button-solid.nav-button:active {transform: translateY(0);}.id-tabs-nav {display: flex;justify-content: center;padding: 0;margin: 0;position: relative;background-color: transparent;height: 48px;}.id-tabs-container {display: flex;position: relative;background-color: var(--dc-info-bg);border-radius: 16px;padding: 4px;gap: 4px;}.id-tab-indicator {position: absolute;top: 4px;left: 4px;height: calc(100% - 8px);width: calc(50% - 6px);background-color: var(--dc-accent);border-radius: 12px;transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);z-index: 0;box-shadow: 0 2px 8px var(--dc-accent-glow);}.id-tab-indicator::before, .id-tab-indicator::after {content: "";position: absolute;width: 16px;height: 16px;bottom: 0;background-color: transparent;transition: opacity 0.3s ease;display: none;}.id-tab-indicator::before {left: -16px;border-radius: 0 0 12px 0;box-shadow: 6px 6px 0 6px var(--dc-accent);opacity: 0;}.id-tab-indicator::after {right: -16px;border-radius: 0 0 0 12px;box-shadow: -6px 6px 0 6px var(--dc-accent);opacity: 0;}.id-tabs-container:hover .id-tab-indicator::before, .id-tabs-container:hover .id-tab-indicator::after {opacity: 1;}.id-tabs-container[data-active="contact"] .id-tab-indicator {transform: translateX(calc(100% + 4px));}.id-tab-btn {position: relative;z-index: 1;background: transparent;border: none;padding: 0.625rem 2rem;font-size: 0.875rem;font-weight: 600;color: var(--dc-tab-inactive);cursor: pointer;transition: color 0.3s ease;font-family: "Montserrat", sans-serif;border-radius: 12px;}.id-tab-btn.active {color: hsl(0, 0%, 100%);}.id-tab-btn:not(.active):hover {color: var(--dc-text-primary);}.id-body {padding: 1.5rem;min-height: 220px;position: relative;overflow: hidden;}.tab-content {display: none;opacity: 0;}.tab-content.active {display: block;opacity: 1;}.tab-content.slide-left {animation: slideInLeft 0.35s ease forwards;}.tab-content.slide-right {animation: slideInRight 0.35s ease forwards;}.bio-text {font-size: 0.95rem;line-height: 1.7;color: var(--dc-text-secondary);text-align: center;margin: 0 0 1.5rem;}.info-divider {height: 1px;background: var(--dc-border);margin: 1.25rem 0;}.info-grid {display: flex;flex-direction: column;gap: 0.75rem;}.info-item {display: flex;align-items: center;padding: 0.875rem 1rem;background-color: var(--dc-info-bg);border-radius: 14px;text-decoration: none;color: var(--dc-text-primary);font-weight: 500;font-size: 0.9rem;transition: all 0.25s ease;border: 1px solid transparent;}.info-item:hover {background-color: var(--dc-info-hover);border-color: var(--dc-accent);transform: translateX(4px);}.info-item .icon-box {width: 36px;height: 36px;min-width: 36px;background-color: var(--dc-icon-bg);border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-right: 0.875rem;box-shadow: 0 2px 6px hsla(210, 30%, 20%, 0.06);transition: background-color 0.25s ease, transform 0.25s ease, color 0.25s ease;}.info-item:hover .icon-box {background-color: var(--dc-accent);}.info-item:hover .icon-box img {filter: brightness(0) invert(1) !important;}.info-item img {width: 18px;height: 18px;opacity: 0.7;transition: all 0.25s ease;}body.dark-mode .info-item img {filter: invert(1);opacity: 0.8;}.info-item.location-item {background: transparent;padding: 0.5rem 0;justify-content: center;}.info-item.location-item:hover {background: transparent;border-color: transparent;transform: none;}.info-item.location-item:hover .icon-box {transform: translateY(-4px);}.info-item.location-item:hover span:last-child {color: var(--dc-accent);}.info-item.location-item .icon-box {background-color: var(--dc-accent);box-shadow: 0 4px 12px var(--dc-accent-glow);}.info-item.location-item .icon-box img {filter: brightness(0) invert(1) !important;opacity: 1;}.info-item.location-item span:last-child {color: var(--dc-text-secondary);font-size: 0.85rem;transition: color 0.4s ease;}.toast {position: fixed;bottom: 2rem;left: 50%;transform: translateX(-50%) translateY(100px);background-color: hsl(145, 63%, 42%);color: white;padding: 0.875rem 1.5rem;border-radius: 12px;display: flex;align-items: center;gap: 0.625rem;font-size: 0.9rem;font-weight: 600;font-family: "Montserrat", sans-serif;box-shadow: 0 10px 40px hsla(145, 63%, 30%, 0.3);opacity: 0;visibility: hidden;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);z-index: 10000;}.toast svg {width: 20px;height: 20px;flex-shrink: 0;}.toast.show {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}body.dark-mode .toast {background-color: hsl(145, 63%, 35%);box-shadow: 0 10px 40px hsla(0, 0%, 0%, 0.4);}