@charset "utf-8";:root {--phi: 1.618;--active: #ff0000;--hover: #00ff88;--blue-text: #0099ff }a:hover {text-decoration: none;color: #00ff88 !important;}a:active {text-decoration: none;color: #ff0000 !important;}@supports (scrollbar-color: auto) {.scroll-box {width: 8px;}.scroll-box {scrollbar-color: white black;}.scroll-box:hover {background: linear-gradient(#0891b2, #4f46e5);}}.navbar-container {-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}.navbar {-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}.navbar::before {-webkit-transition: left 0.8s ease;-o-transition: left 0.8s ease;transition: left 0.8s ease;}.navbar:hover::before {left: 100%;}.navbar:hover {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-box-shadow: 0 0 8px 8px #00ff9980, inset 0 1px 0 #ffffff30;box-shadow: 0 0 8px 8px #00ff9980, inset 0 1px 0 #ffffff30;}.nav-item {position: relative;}a.nav-link {-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}a.nav-link::before {-webkit-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}a.nav-link:hover::before {opacity: 1;}a.glass:hover, a.glass:focus {color: #00ff99 !important;font-weight: 700;border-color: var(--hover) !important;border: 4px solid;border-style: inset;}a.glass:hover:active {color: #ff0000 !important;font-weight: 700;border-color: var(--active) !important;border: 4px solid;border-style: inset;}a.glass:active:after {background: transparent;background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.2)));background: -o-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));border-top: #111 4px inset;}a.glass span {transition: -webkit-transform 0.1s ease;-webkit-transition: -webkit-transform 0.1s ease;-o-transition: transform 0.1s ease;transition: transform 0.1s ease;transition: transform 0.1s ease, -webkit-transform 0.1s ease;}a.glass:active span {-webkit-transform: translateY(4px);-ms-transform: translateY(4px);transform: translateY(4px);}.pulse:hover, .pulse:focus {-webkit-animation: pulse 0.6s forwards;animation: pulse 0.6s forwards;}.pulse:active {-webkit-animation: none;animation: none;}.pulse:hover:active {-webkit-animation: pulse 0.6s forwards;animation: pulse 0.6s forwards;}@-webkit-keyframes pulse {0% {-webkit-box-shadow: 0 0 0 0 var(--hover);box-shadow: 0 0 0 0 var(--hover);}100% {-webkit-box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);}}@keyframes pulse {0% {-webkit-box-shadow: 0 0 0 0 var(--hover);box-shadow: 0 0 0 0 var(--hover);}100% {-webkit-box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);}}.will-change {visibility: hidden;opacity: 0;will-change: opacity, transform;}.margin-top {margin-top: 2rem !important;}h1.section-title2 {margin-top: 1.618rem;}.section-title {font-size: clamp(1.2rem, 0.425rem + 2.876vw, 2.618rem);font-weight: 700;margin-bottom: 20px;background: -o-linear-gradient(315deg, #ffffff, #f0f0f0);background: linear-gradient(135deg, #ffffff, #f0f0f0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.section-title2 {font-size: clamp(1.2rem, 0.425rem + 2.876vw, 2.618rem);font-weight: 900;font-family: 'Cinzel Decorative', sans-serif;line-height: 1.618;text-transform: uppercase;letter-spacing: 1.618px;margin: 0;background: var(--gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: gradient 8s linear infinite;animation: gradient 8s linear infinite;background-size: 300%;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}#about, #services, #portfolio, #contact {background: none;}h3 {font-family: 'Roboto', sans-serif;font-weight: bold;}.loading-text {margin-top: 1.236rem;margin-bottom: 1.236rem;-ms-grid-row-align: center;-ms-grid-column-align: center;place-self: center;background: -webkit-gradient(linear, left top, right top, from(#00f), color-stop(#0ff), to(#00f)) -100%/ 200%;background: -webkit-linear-gradient(90deg, #00f, #0ff, #00f) -100%/ 200%;background: -o-linear-gradient(left, #00f, #0ff, #00f) -100%/ 200%;background: linear-gradient(90deg, #00f, #0ff, #00f) -100%/ 200%;-webkit-background-clip: text;background-clip: text;color: transparent;font: 900 clamp(0.8em, 2vw, 1.52em) exo, sans-serif;-webkit-animation: shimmer 2s linear infinite;animation: shimmer 2s linear infinite }@-webkit-keyframes shimmer {to {background-position: 100% }}@keyframes shimmer {to {background-position: 100% }}@keyframes iconFloat {0%, 100% {transform: translateY(0) rotate(0deg);}50% {transform: translateY(-10px) rotate(5deg);}}.contact-form, .contact-info {width: 100%;height: auto;max-width: 599.98px;margin: 0 auto;margin-top: 1.618rem;padding: 1.618rem;box-sizing: border-box;border-radius: 20px;background: rgba(39, 39, 39, 0.1);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);border-top: 2px solid rgba(255, 255, 255, 0.3);border-left: 2px solid rgba(255, 255, 255, 0.3);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);}.contact-form:hover, .contact-info:hover {-webkit-box-shadow: 0 10px 25px rgba(0, 255, 255, 0.2);box-shadow: 0 10px 25px rgba(0, 255, 255, 0.2);border-color: rgba(0, 255, 255, 0.3);}.form-input, .form-textarea, .form-label {font-family: 'Roboto', sans-serif;}.form-label {display: inline-block;position: absolute;left: 1rem;padding: 1rem 1rem 1rem 0;vertical-align: middle;color: rgba(226, 232, 240, 0.6);font-size: 0.95rem;pointer-events: none;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;background: transparent;letter-spacing: 1px;pointer-events: none;}.form-group {margin-bottom: 1.2rem;position: relative;}.form-input {height: 3.5rem;width: 100% !important;}.form-input, .form-textarea {width: 100%;padding: 16px 20px;border: 4px solid #0099ff;background: rgba(0, 0, 0, 0.6);-webkit-box-shadow: 0 0 20px rgba(0, 153, 255, 0.5);;box-shadow: 0 0 20px rgba(0, 153, 255, 0.5);;border-radius: 10px;color: #00ff88;font-size: 16px;outline: none;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: inherit;text-shadow: 0 0 5px currentColor;}.vertical-align {position: absolute;top: 30px;left: 16px;padding-top: 20px;}.form-input:focus {border-color: #00ff88;-webkit-box-shadow: 0 0 20px rgba(0, 255, 136, 0.5), inset 0 0 20px rgba(0, 255, 136, 0.1), 0 0 20px rgba(0, 255, 136, 0.3);box-shadow: 0 0 20px rgba(0, 255, 136, 0.5), inset 0 0 20px rgba(0, 255, 136, 0.1), 0 0 20px rgba(0, 255, 136, 0.3);text-shadow: 0 0 8px currentColor;}.form-textarea:focus {border-color: #00ff88;-webkit-box-shadow: 0 0 20px rgba(0, 255, 136, 0.5), inset 0 0 20px rgba(0, 255, 136, 0.1), 0 0 20px rgba(0, 255, 136, 0.3);box-shadow: 0 0 20px rgba(0, 255, 136, 0.5), inset 0 0 20px rgba(0, 255, 136, 0.1), 0 0 20px rgba(0, 255, 136, 0.3);text-shadow: 0 0 8px currentColor;}.form-input:not(:placeholder-shown)+.form-label {top: 0;transform: translateY(-50%);font-size: 12px;font-weight: 400;color: #4299e1;background: #000;display: inline-block;border: 1px solid #4299e1;padding: 5px;border-radius: 8px;}.form-input:not(:-ms-input-placeholder)+.form-label {top: 0;-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: 12px;font-weight: 400;color: #4299e1;background: #000;display: inline-block;border: 1px solid #4299e1;padding: 5px;border-radius: 8px;}.form-input:focus+.form-label, .form-input:not(:placeholder-shown)+.form-label {top: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: 12px;font-weight: 400;color: #4299e1;background: #000;display: inline-block;border: 1px solid #4299e1;padding: 5px;border-radius: 8px;}.form-textarea:not(:placeholder-shown)+.form-label {top: 0;transform: translateY(-50%);font-size: 12px;font-weight: 400;color: #4299e1;background: #000;display: inline-block;border: 1px solid #4299e1;padding: 5px;border-radius: 8px;}.form-textarea:not(:-ms-input-placeholder)+.form-label {top: 0;-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: 12px;font-weight: 400;color: #4299e1;background: #000;display: inline-block;border: 1px solid #4299e1;padding: 5px;border-radius: 8px;}.form-textarea:focus+.form-label, .form-textarea:not(:placeholder-shown)+.form-label {top: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: 12px;font-weight: 400;color: #4299e1;background: #000;display: inline-block;border: 1px solid #4299e1;padding: 5px;border-radius: 8px;}.form-textarea {resize: vertical;min-height: 120px;font-family: inherit;}.form-row {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 20px 1fr;grid-template-columns: 1fr 1fr;gap: 20px;}.submit-btn {width: 100%;color: white;background: #00000050;-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);border: 1px solid #ffffff20;border-radius: 40px;padding: 15px 30px;font-size: 16px;font-weight: 600;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;-webkit-box-shadow: 0 0 8px 8px #0099ff60;box-shadow: 0 0 8px 8px #0099ff60;-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);position: relative;overflow: hidden;}.submit-btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ffffff20), to(transparent));background: -webkit-linear-gradient(90deg, transparent, #ffffff20, transparent);background: -o-linear-gradient(left, transparent, #ffffff20, transparent);background: linear-gradient(90deg, transparent, #ffffff20, transparent);-webkit-transition: left 0.3s ease;-o-transition: left 0.3s ease;transition: left 0.3s ease;}.submit-btn:hover::before {left: 100%;}.submit-btn:hover {-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);-webkit-box-shadow: 0 0 8px 8px #00ff9980, inset 0 1px 0 #ffffff30;box-shadow: 0 0 8px 8px #00ff9980, inset 0 1px 0 #ffffff30;color: #00ff88;}.submit-btn:active {color: #ff0000;}.submit-btn span {position: relative;z-index: 1;}fieldset {border: 1px solid #ccc;background: transparent;border-radius: 20px;padding: 25px 20px 20px 20px;margin-bottom: 25px;width: 100%;max-width: 600px;}legend {font-family: 'Roboto', sans-serif;font-size: 0.9em;font-weight: bold;color: #999;text-transform: uppercase;background: transparent;padding: 5px 10px;border-radius: 20px;}input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 1000px black inset !important;background-color: #000 !important;-webkit-text-fill-color: #00ff88 !important;font-size: 16px;outline: none;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: 'Courier New', monospace;display: inline-block;}input:-webkit-autofill {background-color: #000 !important;color: #00ff88 !important;font-size: 16px;outline: none;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: 'Courier New', monospace;display: inline-block;}input:autofill {background-color: #000 !important;color: #00ff88 !important;font-size: 16px;outline: none;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: 'Courier New', monospace;display: inline-block;}.required-field label::after {content: "*";color: red;margin-left: 0.25em;}.required-field.filled label::after {color: #00ff88 !important;}.char-counter {opacity: 0.85;font-size: 0.7rem;font-weight: 500;color: rgba(0, 255, 255, 0.8);margin: 0.2rem;text-align: right;font-family: inherit;text-shadow: 0 0 2px rgba(255, 215, 0, 0.4);transition: opacity 0.3s ease;}.char-counter.visible {opacity: 1;}.honeypot {position: absolute;left: -100vw;top: -100vh;width: 0;height: 0;overflow: hidden;opacity: 0;pointer-events: none;}.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}.visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {position: absolute !important;}.spinner {display: inline-block;width: 16px;height: 16px;border: 2px solid rgba(255, 255, 255, 0.2);border-top-color: currentColor;border-radius: 50%;vertical-align: middle;margin-right: 0.5rem;animation: spin 0.9s linear infinite;}@keyframes spin {to {transform: rotate(360deg);}}button .submit-text {vertical-align: middle;}.errMsg ul {list-style-position: inside;text-align: left;padding-left: 1rem;}.errMsg li {margin: 0.25rem 0;}.errMsg {color: #d93025;font-weight: bold;border: 2px solid red;border-radius: 15px;padding: 0.5em;margin-bottom: 1rem;}.errMsg p {padding: 0.5rem;}.errMsg h2 {margin: 0 auto;padding: 0.3rem;}.server-errMsg {margin: 0 auto;padding: 0.5rem;color: #d93025;font-size: 1rem;font-weight: bold;}.succMsg {color: green;font-weight: bold;border: 2px solid green;border-radius: 15px;padding: 0.3rem;margin-bottom: 0.5rem;}.succMsg h2 {margin: 0 auto;padding: 0.3rem;}.succMsg p {color: white;font-weight: bold;border: none;padding: 0.2rem;margin-bottom: 0.2rem;}.succMsg span.labelsucc {color: green;font-weight: bold;}p.form-info, p.form-error, p.form-success {font-size: 0.9rem;font-weight: bold;margin: 0.4em 0;line-height: 1.4;padding: 0.5em 0;letter-spacing: 0.5px;font-style: italic;text-align: left;}p.form-info {color: #fff !important;}p.form-info-center, p.form-error-center, p.form-success-center {font-size: 0.9rem;font-weight: bold;margin: 0.5em 0;line-height: 1.4;padding: 0.5em 0;letter-spacing: 0.5px;font-style: italic;text-align: center;}.icon {flex-shrink: 0;width: 1.5rem;height: 1.5rem;margin: 0;padding-right: 5px;}.info-icon {color: #007acc;}.error-icon {color: #d93025;}.success-icon {color: #2e7d32;}.link-icon {width: 1.5rem;height: 1.5rem;color: red;}.error-icon-ns {flex-shrink: 0;width: 2rem;height: 2rem;margin: 0;padding-right: 5px;color: #d93025;}.error-text {margin-top: 0.25rem;font-size: 0.9rem;color: #b00020;}.form-status {display: inline-flex;vertical-align: middle;text-align: left;margin-left: 0.5rem;line-height: 1;}.status-valid {color: #2e7d32;}.status-error {color: #d93025;}.field-valid {outline: 2px solid #16a34a1a;}.field-error {outline: 2px solid #ef44441a;}.fade {opacity: 0;transform: translateY(-2px);transition: opacity .22s ease, transform .22s ease;will-change: opacity, transform;display: none;}.fade.is-visible {opacity: 1;transform: none;}.validation-summary {opacity: 0;will-change: opacity, transform;border: 2px solid #d93025 !important;background: transparent;padding: 1rem;border-radius: 8px;margin-bottom: 1rem;}.validation-summary h2 {margin: 0 0 .5rem;color: red;font-size: 1.2rem;font-weight: bold;}.validation-summary ul {margin: .5rem 0 0;list-style-position: inside;text-align: -webkit-left;text-align: left;padding-left: 1.25rem;}.validation-summary li {margin: .25rem 0;color: red;}.validation-summary .link-icon svg {width: 1.2rem;height: 1.2rem;color: #d93025;}.validation-summary a {text-decoration: underline;display: inline-flex;align-items: center;gap: 0.35rem;color: #0088ff !important;}.validation-summary a:hover {text-decoration: none;color: #00ff88 !important;}.validation-summary a:active {text-decoration: none;color: #ff0000 !important;}.validation-summary a:focus {outline: 2px solid #0088ff;outline-offset: 2px;}.scrollpadtop {scroll-padding-top: 150px;}input, select, textarea {scroll-margin-top: 200px !important;}input.error-highlight, textarea.error-highlight, select.error-highlight {outline: 3px solid #ff0000;box-shadow: 0 0 8px 2px rgba(0, 255, 0, 0.75);transition: box-shadow 0.3s ease, outline 0.3s ease;}.error-notice {position: relative;z-index: 9999;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;background-color: #000;padding: 0.5rem;color: #fff;font-weight: bold;font-size: 1rem;font-style: italic;width: 100%;max-width: 600px;height: auto;max-height: 350px;border: 5px solid #d93025;border-radius: 20px;border-style: inset;}.circle-1 {position: absolute;top: 15%;left: 28%;background-image: url('https://robsgarage.com/uni/planet-jupiter-2-250px.webp');background-size: contain;background-repeat: no-repeat;height: 250px;width: 250px;border-radius: 50%;}.circle-2 {position: absolute;bottom: 15%;right: 35%;background-image: url('https://robsgarage.com/uni/planet-mars.webp');background-size: contain;background-repeat: no-repeat;height: 200px;width: 200px;border-radius: 50%;}.circle-3 {position: absolute;top: 30%;right: 25%;background-image: url('https://robsgarage.com/uni/planet-earth-250px.jpg');background-size: contain;background-repeat: no-repeat;height: 150px;width: 150px;border-radius: 50%;}.circle-1 {-webkit-animation: bounce 4s linear infinite;animation: bounce 4s linear infinite;}.circle-2 {-webkit-animation: bounce 4s linear infinite 1s;animation: bounce 4s linear infinite 1s;}.circle-3 {-webkit-animation: bounce 4s linear infinite 2s;animation: bounce 4s linear infinite 2s;}@-webkit-keyframes bounce {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(10px);transform: translateY(10px);}50% {-webkit-transform: translateY(0);transform: translateY(0);}75% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}100% {-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes bounce {0% {-webkit-transform: translateY(0);transform: translateY(0);}25% {-webkit-transform: translateY(10px);transform: translateY(10px);}50% {-webkit-transform: translateY(0);transform: translateY(0);}75% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}100% {-webkit-transform: translateY(0);transform: translateY(0);}}.logofooter {font: 900 clamp(0.9rem, 2vw, 1.618rem) exo, sans-serif;font-family: "Cinzel Decorative", serif;background: var(--gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: gradient 8s linear infinite;animation: gradient 8s linear infinite;background-size: 300%;line-height: 1.1;letter-spacing: 0.5px;}a.logofooter {display: inline-block;position: relative;background-color: transparent;border: none;padding: 0;margin: 0;text-decoration: none;}div.none {border: none;margin: 0;}#grid-container {border: none;background: transparent;display: -ms-grid;display: grid;-ms-grid-columns: 1fr;grid-template-columns: 1fr;row-gap: 10px;}#grid-container>div {background: transparent;}.item1 {color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 20px;}.item2 {color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.item3, .item4, .item5, .item6 {color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;}#grid-container ul {list-style-type: none;padding: 0;margin: 0;}#grid-container li {list-style-type: none;}#grid-container ul.footer-links {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;text-align: center;gap: 5px;}#grid-container div>ul>li>a.footer-link {font-size: 0.9rem;font-weight: 400;color: #fff;text-decoration: none;}#grid-container div>ul>li>a.footer-link:hover {font-size: 0.9rem;font-weight: 400;color: #00ff99;text-decoration: underline;}#grid-container div>ul>li>a.footer-link:active {font-size: 0.9rem;font-weight: 400;color: #ff0000;text-decoration: underline;}.w2 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;overflow: visible;padding: 0;font-size: 0.8rem;font-weight: 400;}.margin-bot {padding-bottom: 1rem;}.margin-bot3 {padding-bottom: 3rem;}.pwidth {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;overflow: visible;padding: 0;font-size: 0.82rem;font-weight: 400;margin-top: -5px;}.pwidth-lg {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;overflow: visible;padding: 0;font-size: 0.9rem;font-weight: 400;}div.border-hr {border-top: 1px solid rgba(255, 255, 255, 0.2);margin: 0.618rem 0;padding: 0;}.glass-card:hover {-webkit-box-shadow: 0 10px 25px rgba(0, 255, 255, 0.2);box-shadow: 0 10px 25px rgba(0, 255, 255, 0.2);border-color: rgba(0, 255, 255, 0.3);}.glass-card2:hover {-webkit-box-shadow: 0 10px 25px rgba(0, 255, 255, 0.2);box-shadow: 0 10px 25px rgba(0, 255, 255, 0.2);border-color: rgba(0, 255, 255, 0.3);}.tech-section {margin-bottom: 80px;}.tech-stack {display: flex;justify-content: center;flex-wrap: wrap;gap: 30px;margin-top: 40px;}.tech-item {display: flex;align-items: center;gap: 10px;background: rgba(39, 39, 39, 0.2);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 15px;padding: 10px;transition: all 0.3s ease;font-weight: 600;color: #fff;width: 190px;text-align: center;}.tech-item:hover {transform: translateY(-5px) scale(1.05);box-shadow: 0 10px 25px rgba(0, 255, 255, 0.2);border-color: rgba(0, 255, 255, 0.3);}.tech-icon {font-size: 1.5rem;}.tech-section p {color: #e0e0e0;margin: 5px 0;line-height: 1.6;display: flex;justify-content: center;margin-top: 40px;}.hidden {opacity: 0;filter: blur(6px);transform: translateY(100%);transition: all 1s ease;}.show {opacity: 1;filter: blur(0px);transform: translateX(0) }.skillset {display: flex;}.skills:nth-child(2) {transition-delay: 200ms;}.skills:nth-child(3) {transition-delay: 400ms;}.skills:nth-child(4) {transition-delay: 600ms;}@keyframes colorAnimate {100% {filter: hue-rotate(360deg);transform: scale(2);}}.multipulse {position: relative;width: 150px;height: 150px;background: -webkit-gradient(45deg, #0000ff, #ff006e, #ffbe0b);background: -webkit-linear-gradient(45deg, #0000ff, #ff006e, #ffbe0b);background: -o-linear-gradient(45deg, #0000ff, #ff006e, #ffbe0b);background: linear-gradient(45deg, #0000ff, #ff006e, #ffbe0b);background-size: 300% 300%;-webkit-animation: gradientShift 4s ease-in-out infinite;animation: gradientShift 4s ease-in-out infinite;border-radius: 50%;}.multipulse span {position: absolute;width: 100%;height: 100%;background: inherit;border-radius: inherit;opacity: 0.8;animation: pulseAnimate 4s ease-out infinite;animation-delay: calc(1s * var(--i));}@keyframes pulseAnimate {100% {opacity: 0;transform: scale(2);}}div .multipulse-margin {margin: 1rem;min-height: 150px;}.mp0 {--i:0;}.mp1 {--i:1;}.mp2 {--i:2;}.mp3 {--i:3;}.mp4 {--i:4;}.footer-title {font-size: calc(100% + 20px);font-weight: 900;background: -webkit-gradient(45deg, #00f5ff, #ff006e, #ffbe0b);background: -webkit-linear-gradient(45deg, #00f5ff, #ff006e, #ffbe0b);background: -o-linear-gradient(45deg, #00f5ff, #ff006e, #ffbe0b);background: linear-gradient(45deg, #00f5ff, #ff006e, #ffbe0b);background-size: 300% 300%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;-webkit-animation: gradientShift 4s ease-in-out infinite;animation: gradientShift 4s ease-in-out infinite;margin-bottom: 2rem;text-shadow: 0 0 30px rgba(0, 245, 255, 0.3);text-transform: uppercase;}.footer-subtitle {font-size: 1.3rem;color: #a0a0a0;margin-bottom: 30px;max-width: 600px;margin-left: auto;margin-right: auto;}.creator-badge {margin-bottom: 3rem;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 10px;background: rgba(255, 255, 255, 0.05);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);border: 1px solid rgba(0, 245, 255, 0.3);border-radius: 50px;padding: 12px 24px;font-weight: 600;color: #00f5ff;-webkit-animation: badgePulse 3s ease-in-out infinite;animation: badgePulse 3s ease-in-out infinite;}.creator-icon {font-size: 1.2rem;}@-webkit-keyframes gradientShift {0%, 100% {background-position: 0 50%;}50% {background-position: 100% 50%;}}@keyframes gradientShift {0%, 100% {background-position: 0 50%;}50% {background-position: 100% 50%;}}@-webkit-keyframes badgePulse {0%, 100% {-webkit-transform: scale(1);transform: scale(1);-webkit-box-shadow: 0 0 20px rgba(0, 245, 255, 0.2);box-shadow: 0 0 20px rgba(0, 245, 255, 0.2);}50% {-webkit-transform: scale(1.05);transform: scale(1.05);-webkit-box-shadow: 0 0 30px rgba(0, 245, 255, 0.4);box-shadow: 0 0 30px rgba(0, 245, 255, 0.4);}}@keyframes badgePulse {0%, 100% {-webkit-transform: scale(1);transform: scale(1);-webkit-box-shadow: 0 0 20px rgba(0, 245, 255, 0.2);box-shadow: 0 0 20px rgba(0, 245, 255, 0.2);}50% {-webkit-transform: scale(1.05);transform: scale(1.05);-webkit-box-shadow: 0 0 30px rgba(0, 245, 255, 0.4);box-shadow: 0 0 30px rgba(0, 245, 255, 0.4);}}.showcase-container2 {position: relative;z-index: 10;max-width: 1220px;width: 100%;height: auto;padding: 1rem;display: block;visibility: visible;background: transparent;margin: 0 auto;margin-top: 5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.button-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 10px;margin-top: 2em;}.button {padding: 0.5em 1em;background: #00d7c3;border: none;color: #000;font-weight: bold;cursor: pointer;border-radius: 8px;}div .headingbox {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.header-logo {height: 60px;-webkit-transition: all 450ms 80ms ease-in;-o-transition: all 450ms 80ms ease-in;transition: all 450ms 80ms ease-in;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}.header-logo:hover {-webkit-transform: translate(8vw, -300%) scale(0.6);-ms-transform: translate(8vw, -300%) scale(0.6);transform: translate(8vw, -300%) scale(0.6);}.skip-link {-o-transition: transform .2s ease-in-out, opacity .2s ease-in-out;-webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;transition: transform .2s ease-in-out, opacity .2s ease-in-out;transition: transform .2s ease-in-out, opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;}.skip-link:focus {opacity: 1 !important;-webkit-transform: translateY(0em);-ms-transform: translateY(0em);transform: translateY(0em);background-color: #000000E6;color: #ffffffE6;font-size: 1rem;font-weight: bold;}@starting-style {.my-element {opacity: 0;}}.my-element {opacity: 1;transition: opacity 0.5s ease-in-out;margin-top: 0.25rem;font-size: 0.9rem;font-weight: bold;color: #b00020;}.cube-section {content-visibility: auto;padding: 0;position: relative;min-height: 50vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;z-index: 100 }.cube-container {width: 200px;height: 200px;perspective: 500px;margin: 100px auto;}.cube {width: 100%;height: 100%;position: relative;transform-style: preserve-3d;transform: rotateX(-30deg) rotateY(45deg);}.face {position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 1.5em;color: white;background: var(--gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: gradient 8s linear infinite;animation: gradient 8s linear infinite;background-size: 300%;}@-webkit-keyframes gradient {0% {background-position: 0 50% }50% {background-position: 100% 50% }100% {background-position: 0 50% }}@keyframes gradient {0% {background-position: 0 50% }50% {background-position: 100% 50% }100% {background-position: 0 50% }}.front {transform: translateZ(100px);border: 1px solid #646cff;}.back {transform: translateZ(-100px) rotateY(180deg);border: 1px solid #00bcd4;}.left {transform: translateX(-100px) rotateY(-90deg);border: 1px solid #ff4081;}.right {transform: translateX(100px) rotateY(90deg);border: 1px solid #4caf50;}.top {transform: translateY(-100px) rotateX(90deg);border: 1px solid #ffc107;}.bottom {transform: translateY(100px) rotateX(-90deg);border: 1px solid #9c27b0;}@keyframes rotateCube {from {transform: rotateX(0deg) rotateY(0deg);}to {transform: rotateX(360deg) rotateY(360deg);}}.cube {animation: rotateCube 10s linear infinite;}.x-n1 {--x:-1;--y:0 }.x0 {--x:0;--y:0 }.x1 {--x:1;--y:0 }.y-n1{--y:-1 }.y0 {--y:0 }.y1 {--y:1 }.c1{--i:1 }.c2{--i:2 }.c3{--i:3 }@-webkit-keyframes animate {0% {-webkit-filter: hue-rotate(0deg);filter: hue-rotate(0deg);}100% {-webkit-filter: hue-rotate(360deg);filter: hue-rotate(360deg);}}@keyframes animate {0% {-webkit-filter: hue-rotate(0deg);filter: hue-rotate(0deg);}100% {-webkit-filter: hue-rotate(360deg);filter: hue-rotate(360deg);}}.container2 {position: relative;top: 200px;-webkit-transform: skewY(-20deg);-ms-transform: skewY(-20deg);transform: skewY(-20deg);-webkit-animation: animate 5s linear infinite;animation: animate 5s linear infinite;padding-bottom: 2.618rem;min-height: 420px;margin: 2.618rem 0;}.container2 .cube {position: relative;z-index: 2;}.container2 .cube:nth-child(2) {z-index: 1;translate: -60px -60px;}.container2 .cube:nth-child(3) {z-index: 3;translate: 60px 60px;}.container2 .cube div {position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 30px;translate: calc(-70px * var(--x)) calc(-60px * var(--y));}.container2 .cube div span {position: relative;display: inline-block;width: 50px;height: 50px;background: #dcdcdc;z-index: calc(1 * var(--i));-webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s;}.container2 .cube div span:hover {-webkit-transition: 0s;-o-transition: 0s;transition: 0s;background: #ef4149;-webkit-filter: drop-shadow(0 0 30px #ef4149);filter: drop-shadow(0 0 30px #ef4149);}.container2 .cube div span:hover:before, .container2 .cube div span:hover:after {-webkit-transition: 0s;-o-transition: 0s;transition: 0s;background: #ef4149;}.container2 .cube div span:before {content: "";position: absolute;left: -40px;width: 40px;height: 100%;background: #fff;-webkit-transform-origin: right;-ms-transform-origin: right;transform-origin: right;-webkit-transform: skewY(45deg);-ms-transform: skewY(45deg);transform: skewY(45deg);-webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s;}.container2 .cube div span:after {content: "";position: absolute;top: -40px;left: 0px;width: 100%;height: 40px;background: #f2f2f2;-webkit-transform-origin: bottom;-ms-transform-origin: bottom;transform-origin: bottom;-webkit-transform: skewX(45deg);-ms-transform: skewX(45deg);transform: skewX(45deg);-webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s;}.spacer {background: transparent;margin: 2.618rem;border: none;min-height: 1.618rem;width: 100%;opacity: 0;}.pad-spikey {margin: 0;padding: 0;-webkit-animation: imgSpikey 3s ease-in-out infinite;-moz-animation: imgSpikey 3s ease-in-out infinite;animation: imgSpikey 3s ease-in-out infinite;}.img-spikey {width: 100%;height: auto;object-fit: contain;display: block;margin: 0 auto;}@-webkit-keyframes imgSpikey {0%, 100% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(1.3);transform: scale(1.3);}}@keyframes imgSpikey {0%, 100% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(1.3);transform: scale(1.3);}}@-webkit-keyframes fadeInTopLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, -100%, 0);transform: translate3d(-100%, -100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInTopLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, -100%, 0);transform: translate3d(-100%, -100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInTopLeft {-webkit-animation-name: fadeInTopLeft;animation-name: fadeInTopLeft;}@-webkit-keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.animate__fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}a.new-window img{border:0}a.new-window span{height:1px;left:-999px;overflow:hidden;position:absolute;top:auto;width:1px}a.new-window:active span,a.new-window:focus span,a.new-window:hover span{background-color:#FFF;border:1px solid #888;border-radius:5px;display:inline;height:inherit;left:inherit;margin-left:.5em;padding:.2em .2em .1em;position:absolute;top:inherit;width:inherit;z-index:999}img{page-break-inside:avoid;max-width:100% !important;height:auto;object-fit:contain}.img-responsive{display:block;max-width:100%;height:auto}