@font-face {font-family: 'FoundationOne';src: url('fonts/foundationone.woff2') format('woff2'), url('fonts/foundationone.woff') format('woff');font-weight: normal;font-style: normal;}:root {--primary-bg: #1E1E2E;--secondary-bg: #181825;--nav-bg: hsla(240, 11%, 13%, 0.95);--heading-color: #cdd6f4;--primary-text: #bac2de;--secondary-text: #a6adc8;--accent-1: #cba6f7;--accent-2: #89b4fa;--gradient: linear-gradient( to bottom right, var(--accent-1), var(--accent-2) );--button-text: #cdd6f4;--shadow-light: hsla(267, 84%, 81%, 0.4);--shadow-dark: hsla(220, 91%, 74%, 0.4);--border-radius-lg: 0px;--border-radius-md: 0.5rem;--transition-standard: 0.3s ease;--blur-amount: 10px;--box-shadow-hover: 0 0 20px var(--shadow-light), 0 0 20px var(--shadow-dark), inset 0 0 10px var(--shadow-light), inset 0 0 10px var(--shadow-dark);--focus-outline: hsla(220, 91%, 74%, 0.5);--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--font-mono: 'JetBrains Mono', Menlo, Monaco, Consolas, 'Courier New', monospace;--font-body: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}html, body {overflow-x: hidden;scrollbar-width: thin;scroll-behavior: smooth;scrollbar-color: var(--accent-1) var(--primary-bg);}body {font-family: var(--font-body);font-weight: normal;color: var(--primary-text);background-color: var(--primary-bg);position: relative;margin: 0;padding: 0;width: 100%;}::-webkit-scrollbar {width: 12px;height: 0;}::-webkit-scrollbar-track {background: var(--primary-bg);}::-webkit-scrollbar-thumb {background-color: var(--accent-1);border-radius: 6px;border: 3px solid var(--primary-bg);}::-webkit-scrollbar-horizontal {display: none;}h1 {font-family: var(--font-mono);}h1.display-4 {font-family: 'FoundationOne', var(--font-mono);}h2, h3, h4, h5, h6 {font-family: var(--font-mono);}.text-wrap-balance {text-wrap: balance;max-width: 65ch;margin-left: auto;line-height: 1.6;margin-right: auto;}.neon-text-shadow {color: hsla(227, 16%, 83%, 0.9);background: none;-webkit-background-clip: initial;background-clip: initial;-webkit-text-fill-color: initial;text-shadow: 0 0 25px hsla(267, 84%, 81%, 0.25), 0 0 40px hsla(220, 91%, 74%, 0.15), 0 1px 1.5px hsla(240, 19%, 17%, 0.5);}.bg-primary {background-color: var(--primary-bg) !important;}.bg-nav {background-color: var(--nav-bg) !important;backdrop-filter: blur(10px);}@keyframes gradientBorderMove {0% {background-position: 0% 0%;}25% {background-position: 100% 0%;}50% {background-position: 100% 100%;}75% {background-position: 0% 100%;}100% {background-position: 0% 0%;}}@keyframes profileBorderMove {0% {background-position: 0% 0%, 0% 50%;}25% {background-position: 0% 0%, 100% 50%;}50% {background-position: 0% 0%, 100% 100%;}75% {background-position: 0% 0%, 0% 100%;}100% {background-position: 0% 0%, 0% 50%;}}.main-nav {position: fixed;width: 100%;top: 0;left: 0;padding: 1rem 0;margin-bottom: 2rem;background: var(--nav-bg);z-index: 1000;transition: padding 0.3s ease, background 0.3s ease;}@supports (backdrop-filter: blur(var(--blur-amount))) {.main-nav {backdrop-filter: blur(var(--blur-amount));}}.navbar-nav {width: 100%;justify-content: center;gap: 5rem;}.navbar-nav .nav-link {color: var(--primary-text) !important;transition: all 0.3s ease;font-family: var(--font-body);font-size: 1.2rem;padding: 0.75rem 1.5rem !important;position: relative;overflow: hidden;border-radius: var(--border-radius-md);}.navbar-nav .nav-link::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(120deg, transparent, hsla(0, 0%, 100%, 0.2), transparent);transition: left 0.6s ease;}.navbar-nav .nav-link:hover {background: var(--gradient);color: var(--primary-bg) !important;box-shadow: var(--box-shadow-hover);font-weight: 500;}.navbar-nav .nav-link:hover::before {left: 100%;}.nav-link.active {background: var(--gradient);color: var(--primary-bg);}.burger-menu {display: none;background: transparent;border: none;cursor: pointer;padding: 0.5rem;position: absolute;right: 1rem;top: 0.5rem;z-index: 1001;}.burger-menu .bar {display: block;width: 25px;height: 3px;margin: 5px auto;background-image: var(--gradient);background-color: transparent;transition: all 0.3s ease;}.burger-menu:hover .bar {box-shadow: var(--box-shadow-hover);}.burger-menu.active .bar {background-color: var(--primary-text);box-shadow: none;}main {padding-top: 80px;}.profile-section {width: 100%;display: flex;justify-content: center;margin: 2rem 0;}.profile-wrapper {position: relative;width: 206px;height: 206px;display: inline-block;border: 3px solid transparent;background-image: linear-gradient(var(--primary-bg), var(--primary-bg)), var(--gradient);background-origin: border-box;background-clip: content-box, border-box;background-size: 100% 100%, 400% 400%;animation: gradientBorderMove 2s linear infinite;transition: transform 0.3s ease;}.profile-wrapper:hover {transform: scale(1.05);box-shadow: var(--box-shadow-hover);}.about-image {width: 200px;height: 200px;border: 1px solid transparent;background-image: linear-gradient(var(--primary-bg), var(--primary-bg)), var(--gradient);background-origin: border-box;background-clip: content-box, border-box;transition: transform 0.3s ease;background-size: 100% 100%, 300% 300%;animation: profileBorderMove 3s ease-in-out infinite;position: relative;overflow: hidden;display: block;}.about-image::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(120deg, transparent, hsla(0, 0%, 100%, 0.15), transparent);transition: left 0.6s ease;z-index: 1;}.profile-wrapper:hover .about-image::before {left: 100%;}.about-section {background: var(--secondary-bg);color: var(--secondary-text);padding: 2rem;margin-bottom: 1.5rem;max-width: 800px;text-align: center;text-wrap: balance;}.about-section p {font-family: var(--font-body);color: var(--secondary-text);font-size: 1rem;}.about-section h3 {font-family: var(--font-mono);color: var(--heading-color);font-size: 1.5rem;margin-bottom: 0.5rem;}.about-section h4 {font-family: var(--font-mono);color: var(--secondary-text);font-size: 1.1rem;margin-bottom: 1rem;}.about-shadow {box-shadow: 0 0 10px var(--shadow-light), 0 0 5px var(--shadow-dark), 0 0 2px var(--primary-text) inset;}.task-list {list-style-type: none;padding-left: 0;text-align: left;}.task-list li {position: relative;padding-left: 1.5rem;margin-bottom: 0.5rem;color: var(--secondary-text);}.task-list li::before {content: '•';position: absolute;left: 0;color: var(--accent-2);}.btn-container {display: flex;flex-direction: column;gap: 1rem;width: 100%;align-items: center;}.btn-custom {padding: .8rem 0;background-color: var(--primary-bg);color: var(--button-text);border: 0;border-radius: var(--border-radius-md);font-family: var(--font-mono);font-weight: 500;position: relative;justify-content: center;align-items: center;cursor: pointer;width: 200px;margin: 10px auto;transition: all 0.3s ease;overflow: hidden;}.btn-custom::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(120deg, transparent, hsla(0, 0%, 100%, 0.1), transparent);transition: left 0.6s ease;}.btn-custom::after {content: "";position: absolute;height: 107%;width: 102%;background-image: var(--gradient);z-index: -1;top: 50%;left: 50%;transform: translate(-50%, -50%);background-size: 400% 400%;animation: gradientBorderMove 8s linear infinite;}.btn-custom:hover {box-shadow: inset 0 0 5px hsla(0, 0%, 100%, 0.2), var(--box-shadow-hover);transform: translateZ(0) scale(1.02);color: var(--primary-bg);}.btn-custom:hover::before {left: 100%;}.btn-custom:disabled, .btn-custom.loading {opacity: .7;cursor: wait;}.header-content {display: flex;align-items: center;justify-content: center;gap: 0.75rem;margin-bottom: 1rem;}.icon {width: 1.75rem;height: 1.75rem;margin: 0;color: var(--accent-1);transition: color 0.3s ease;}.card-header h2 {margin: 0;font-size: 1.5rem;color: var(--heading-color);text-shadow: 0 0 5px var(--shadow-light), 0 0 5px var(--shadow-dark);}.spec-card {background: var(--secondary-bg);padding: 1.5rem;position: relative;overflow: hidden;width: 100%;height: 100%;max-width: 500px;margin-left: auto;margin-right: auto;box-shadow: 0 0 1px var(--shadow-light), 0 0 1px var(--shadow-dark);}.spec-card::after {content: "";position: absolute;inset: 0;padding: 2px;background: var(--gradient);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;background-size: 400% 400%;animation: gradientBorderMove 8s linear infinite;}.spec-card:hover {box-shadow: var(--box-shadow-hover);}.spec-card:hover .icon {color: var(--accent-2);}.spec-list {list-style: none;padding: 0;margin: 0;}.spec-list li {padding: 0.5rem 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);color: var(--secondary-text);font-family: var(--font-body);text-align: left;}.spec-list li:last-child {border-bottom: none;}.spec-list li span {color: var(--primary-text);font-weight: 600;margin-right: 0.5rem;}.contact-section {margin-top: 3rem;padding: 1rem 0;}.contact-methods {display: flex;justify-content: center;align-items: center;gap: 1.5rem;}.external-profile {display: inline-block;text-decoration: none;transition: transform 0.3s ease;}.external-profile:hover {transform: scale(1.1);}.profile-badge {width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 10%;font-family: var(--font-mono);font-size: 1rem;font-weight: 700;color: var(--primary-bg);transition: all 0.3s ease;position: relative;overflow: hidden;border: 2px solid transparent;}.profile-badge:hover {box-shadow: var(--box-shadow-hover);}.profile-badge::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(120deg, transparent, hsla(0, 0%, 100%, 0.25), transparent);transition: left 0.6s ease;}.profile-badge:hover::before {left: 100%;}.badge-bluesky {background-color: #89b4fa;color: #1e1e2e;}.badge-twitch {background-color: #cba6f7;color: #1e1e2e;}.badge-github {background-color: #45475a;color: #cdd6f4;}.badge-discord {background-color: #5865f2;color: #cdd6f4;}footer .container {display: flex;flex-direction: column;align-items: center;font-family: var(--font-body);}footer a {color: var(--primary-text) !important;}.mail-section p {margin: 0;display: flex;align-items: center;justify-content: center;gap: 1.5rem;}.contact-icon {width: 18px;height: 18px;display: inline-block;vertical-align: middle;transition: all 0.3s ease;}.email-link {display: inline-flex;align-items: center;justify-content: center;text-decoration: none;transition: all 0.3s ease;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0;}@media (max-width: 992px) {.main-nav {padding: 0.5rem 0;}.burger-menu {display: block;}.navbar-collapse {position: fixed;left: -100%;top: 100% !important;flex-direction: column;background-color: var(--nav-bg);width: 100%;max-height: calc(100vh - 100%);overflow-y: auto;text-align: center;transition: 0.3s;padding: 1rem 0;backdrop-filter: blur(10px);margin: 0;z-index: 999;}.navbar-collapse.show {left: 0;}.navbar-nav {gap: 0;}.nav-item {margin: 0.5rem 0;}.nav-link {font-size: 1.2rem;padding: 1rem !important;margin: 0;display: block;min-height: 44px;}.about-section {padding: 1.5rem;}.col-md-6 {margin-bottom: 2rem;}.col-md-6:last-child {margin-bottom: 0;}.spec-card {padding: 1rem;}.header-content {gap: 0.5rem;}.icon {width: 1.5rem;height: 1.5rem;}.card-header h2 {font-size: 1.25rem;}.btn-custom {max-width: 300px;min-height: auto;}.contact-methods {gap: 1.5rem;}.profile-badge {width: 40px;height: 40px;font-size: 0.9rem;}}@media (prefers-reduced-motion: reduce) {*, *::before, *::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;}}