*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08010f;--bg2: #0f0520;--pink: #ff3d8f;--orange: #ff7a45;--purple: #7c3aed;--cyan: #4dd0e1;--text: #ececf5;--text-dim: #9c98a8;--card-bg: rgba(15, 5, 25, 0.62);--border: rgba(124, 58, 237, 0.35);--glow-pink: rgba(255, 61, 143, 0.5);--glow-orange: rgba(255, 140, 60, 0.4);--purple-a12: rgba(124, 58, 237, 0.12);--purple-a15: rgba(124, 58, 237, 0.15);--purple-a2: rgba(124, 58, 237, 0.2);--purple-a25: rgba(124, 58, 237, 0.25);--purple-a3: rgba(124, 58, 237, 0.3);--purple-a5: rgba(124, 58, 237, 0.5);--pink: oklch(62% 0.28 340);--orange: oklch(68% 0.22 25);--purple: oklch(55% 0.25 295);--cyan: oklch(72% 0.18 200);--text: oklch(92% 0.015 280);--text-dim: oklch(65% 0.02 280);--card-bg: oklch(5% 0.04 290 / 0.62);--border: oklch(55% 0.25 295 / 0.35);--glow-pink: oklch(62% 0.28 340 / 0.5);--glow-orange: oklch(68% 0.22 38 / 0.4);--purple-a12: oklch(55% 0.25 295 / 0.12);--purple-a15: oklch(55% 0.25 295 / 0.15);--purple-a2: oklch(55% 0.25 295 / 0.2);--purple-a25: oklch(55% 0.25 295 / 0.25);--purple-a3: oklch(55% 0.25 295 / 0.3);--purple-a5: oklch(55% 0.25 295 / 0.5)}.specialColor{color:white}.keyColor{color:#ff00cc;text-shadow:0 0 1px #3c3c9a, 0 0 6px #0081e6}.starColor{color:#f58080;text-shadow:0 0 1px #ffbf82, 0 0 6px #e60073}.lockColor{color:#ff9b9b;text-shadow:0 0 1px #ffbf82, 0 0 6px #e69000}@keyframes move-twink-back{from{background-position:0 0}to{background-position:-10000px 5000px}}@-webkit-keyframes move-twink-back{from{background-position:0 0}to{background-position:-10000px 5000px}}@-moz-keyframes move-twink-back{from{background-position:0 0}to{background-position:-10000px 5000px}}@-ms-keyframes move-twink-back{from{background-position:0 0}to{background-position:-10000px 5000px}}@keyframes move-clouds-back{from{background-position:0 0}to{background-position:10000px 0}}@-webkit-keyframes move-clouds-back{from{background-position:0 0}to{background-position:10000px 0}}@-moz-keyframes move-clouds-back{from{background-position:0 0}to{background-position:10000px 0}}@-ms-keyframes move-clouds-back{from{background-position:0}to{background-position:10000px 0}}.stars,.starsB,.twinkling,.clouds{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block}.stars{background:transparent url(https://www.carloshurtado.com/assets/img/stars.png) repeat top center;z-index:0}.starsB{background:transparent url(https://www.carloshurtado.com/assets/img/stars.png) repeat top center;z-index:0;opacity:0.3;-moz-animation:move-clouds-back 500s linear infinite;-ms-animation:move-clouds-back 500s linear infinite;-o-animation:move-clouds-back 500s linear infinite;-webkit-animation:move-clouds-back 500s linear infinite;animation:move-clouds-back 500s linear infinite}.clouds{background:transparent url(https://www.carloshurtado.com/assets/img/clouds3.png) repeat top center;z-index:0;opacity:0.6;-moz-animation:move-clouds-back 500s linear infinite;-ms-animation:move-clouds-back 500s linear infinite;-o-animation:move-clouds-back 500s linear infinite;-webkit-animation:move-clouds-back 500s linear infinite;animation:move-clouds-back 500s linear infinite}.grid-wrapper{position:fixed;width:100%;height:500px;left:0;bottom:0px;perspective:200px;overflow:hidden;z-index:0;pointer-events:none}.grid{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(to bottom, #00000000 50%, #1a0018 70%);transform:rotateX(60deg);-webkit-transform:rotateX(60deg);-o-transform:rotateX(60deg)}.line{position:absolute;background:rgba(87,193,232,0.35);-webkit-backface-visibility:hidden;backface-visibility:hidden}.vertical .line{top:0;left:0;bottom:0;width:2px;background:linear-gradient(0deg, rgba(87,193,232,0.4) 0%, rgba(204,34,255,0.35) 55%, rgba(255,45,120,0) 100%)}.vertical .line:nth-child(1){left:10%}.vertical .line:nth-child(2){left:20%}.vertical .line:nth-child(3){left:30%}.vertical .line:nth-child(4){left:40%}.vertical .line:nth-child(5){left:50%}.vertical .line:nth-child(6){left:60%}.vertical .line:nth-child(7){left:70%}.vertical .line:nth-child(8){left:80%}.vertical .line:nth-child(9){left:90%}.vertical .line:nth-child(10){left:100%;margin-left:-1px}.horizontal .line{top:0;left:0;right:0;height:2px;z-index:2}.horizontal .line:nth-child(1){top:10%;opacity:0.2;background:rgba(255,45,120,0.6);animation:moveLine10 20s linear infinite;animation-delay:-2s}.horizontal .line:nth-child(2){top:20%;opacity:0.3;background:rgba(236,62,133,0.6);animation:moveLine10 20s linear infinite;animation-delay:-4s}.horizontal .line:nth-child(3){top:30%;opacity:0.4;background:rgba(218,78,145,0.6);animation:moveLine10 20s linear infinite;animation-delay:-6s}.horizontal .line:nth-child(4){top:40%;opacity:0.5;background:rgba(199,94,157,0.6);animation:moveLine10 20s linear infinite;animation-delay:-8s}.horizontal .line:nth-child(5){top:50%;opacity:0.6;background:rgba(180,111,170,0.6);animation:moveLine10 20s linear infinite;animation-delay:-10s}.horizontal .line:nth-child(6){top:60%;opacity:0.7;background:rgba(162,127,182,0.6);animation:moveLine10 20s linear infinite;animation-delay:-12s}.horizontal .line:nth-child(7){top:70%;opacity:0.8;background:rgba(143,144,195,0.6);animation:moveLine10 20s linear infinite;animation-delay:-14s}.horizontal .line:nth-child(8){top:80%;opacity:0.9;background:rgba(124,160,207,0.6);animation:moveLine10 20s linear infinite;animation-delay:-16s}.horizontal .line:nth-child(9){top:90%;opacity:0.95;background:rgba(106,177,220,0.6);animation:moveLine10 20s linear infinite;animation-delay:-18s}.horizontal .line:nth-child(10){top:100%;margin-top:-1px;opacity:1;background:rgba(87,193,232,0.6);animation:moveLine10 20s linear infinite}.horizontal .line:nth-child(11){opacity:0.05}.dot{position:absolute;cursor:pointer;background:#57C1E8;width:3px;height:3px;top:100%;border-radius:2px;box-shadow:0 0 3px #fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:auto}.dot:nth-child(1){left:10%;animation:moveDot 5s infinite}.dot:nth-child(2){left:20%;animation:moveDot 20s infinite}.dot:nth-child(3){left:30%;animation:moveDot 15s infinite}.dot:nth-child(4){left:50%;animation:moveDot 30s infinite}.dot:nth-child(5){left:60%;animation:moveDot 12s infinite}.dot:nth-child(6){left:80%;animation:moveDot 6s infinite}.dot:nth-child(7){left:90%;animation:moveDot 8s infinite}@keyframes moveDot{0%{top:100%;opacity:1}100%{top:0%;opacity:0}}@keyframes moveLine10{0%{top:0%;opacity:0}100%{top:100%;opacity:1}}@media (max-width: 480px){.horizontal .line,.dot{animation:none !important}}body::before,body::after{content:'';position:fixed;left:50%;bottom:318px;width:650px;height:650px;background:radial-gradient(circle 140px at center, #fff5b0 0px, #fc6 35px, #f93 63px, #ff2d78 93px, rgba(255,45,120,0.12) 96px, rgba(255,153,51,0.06) 152px, transparent 280px);z-index:0;pointer-events:none;animation:sun-pulse 5s ease-in-out infinite}body::before{clip-path:inset(0 0 50% 0)}body::after{clip-path:inset(50% 0 0 0);opacity:0.05;filter:blur(4px)}@keyframes sun-pulse{0%, 100%{transform:translate(-50%, calc(50% + var(--sun-drift, 0px))) scale(1)}50%{transform:translate(-50%, calc(50% + var(--sun-drift, 0px))) scale(1.025)}}@media (prefers-reduced-motion: reduce){body::before,body::after{animation:none;transform:translate(-50%, 50%)}}.horizon-line{position:fixed;bottom:318px;left:0;right:0;height:2px;z-index:1;pointer-events:none;background:linear-gradient(90deg, transparent 0%, #c2f 15%, #ff2d78 35%, #f93 50%, #ff2d78 65%, #c2f 85%, transparent 100%);filter:blur(0.5px);box-shadow:0 0 10px #ff2d78, 0 0 25px #e100ff, 0 0 50px #aa00ff30}.mountain-layer{position:fixed;left:-8%;right:auto;bottom:320px;width:116%;height:600px;z-index:1;pointer-events:none}.mountain-reflection{bottom:-280px;transform:scaleY(-1);opacity:0.1;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, transparent 55%, #000 100%);mask-image:linear-gradient(to bottom, transparent 0%, transparent 55%, #000 100%)}.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),transform 0.7s cubic-bezier(0.16, 1, 0.3, 1)}.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1 !important;transform:none !important;transition:none !important}}a:focus-visible,button:focus-visible,[role="button"]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--pink);outline-offset:3px;border-radius:4px;box-shadow:0 0 0 4px oklch(62% 0.28 340/0.25)}html{scroll-behavior:smooth;background:#05000c}body{font-family:'DM Sans', sans-serif;color:var(--text);min-height:100vh;overflow-x:hidden}.site-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(5,0,12,0.55), rgba(5,0,12,0.55)),linear-gradient(180deg, #fff 0%, #0c0c0ceb 100%),linear-gradient(231.28deg, #e100ff 0%, #000 100%),linear-gradient(180deg, #5200FF 0%, #1A0050 100%),linear-gradient(341.1deg, red 7.52%, #1700A4 77.98%),radial-gradient(49.82% 80.51% at 49.82% 50%, #5A0069 0%, #FF3D00 100%),radial-gradient(50% 72.12% at 50% 50%, #EB00FF 0%, #105 100%);background-blend-mode:normal, multiply, color-dodge, overlay, difference, difference, normal;background-position:center center}h1,h2,h3,h4{font-family:'Space Grotesk', sans-serif}a{color:var(--pink);text-decoration:none}a:hover{color:var(--orange)}::selection{background:var(--pink);color:#fff}@media (max-width: 768px){nav{padding:0 16px !important}nav img{height:28px !important}.nav-hamburger{display:flex !important}.nav-links{position:fixed !important;top:64px !important;left:0 !important;right:0 !important;flex-direction:column !important;align-items:stretch !important;max-width:none !important;overflow:hidden !important;background:oklch(8% 0.04 290/0.98) !important;backdrop-filter:blur(20px);border-bottom:1px solid var(--purple-a2);padding:10px 20px !important;gap:4px !important;max-height:0;opacity:0;pointer-events:none;transition:max-height 0.3s ease, opacity 0.25s ease}.nav-links.nav-links-open{max-height:400px;opacity:1;pointer-events:auto}.nav-links a{padding:12px 14px !important;font-size:15px !important;white-space:normal !important;text-align:left}#home,#about,#gamedev,#resume,#art,#contact{padding-left:5% !important;padding-right:5% !important;padding-top:88px !important}.section-card,.section-card-flat{padding:28px 20px !important}.featured-project-card{margin:0 -20px 24px !important}.featured-project-card>div:last-child{padding-left:20px !important;padding-right:20px !important}.home-card-header{flex-direction:column !important;text-align:center;gap:16px !important}.home-card-header>div:last-child{width:100%}.about-grid,.resume-grid,.contact-grid{grid-template-columns:1fr !important;gap:28px !important}.gamedev-grid{grid-template-columns:1fr !important}.art-thumb-grid{columns:2 !important;column-gap:10px !important}.art-thumb-grid>div{margin-bottom:10px !important}.awards-grid{grid-template-columns:repeat(2, 1fr) !important;gap:10px !important}.mountain-reflection{display:none !important}body::after{display:none !important}.project-modal-body{padding:24px 20px 28px !important}footer{flex-direction:column !important;gap:10px !important;text-align:center !important;padding:24px 6% !important}}@media (max-width: 480px){.section-card,.section-card-flat{padding:22px 16px !important}}.goup-container{background:oklch(9% 0.04 290/0.5) !important;backdrop-filter:blur(10px);border:1px solid var(--purple-a2) !important;border-radius:8px !important;width:36px !important;height:36px !important;opacity:0.55;transition:opacity 0.2s ease, border-color 0.2s ease}.goup-container:hover{opacity:1;border-color:var(--purple-a5) !important}.goup-arrow{border-color:transparent transparent oklch(65% 0.02 280) transparent !important}@keyframes art-thumb-shimmer{0%{transform:translateX(-120%)}100%{transform:translateX(220%)}}.art-thumb-skeleton{position:absolute;inset:0;overflow:hidden;background:oklch(20% 0.06 290);display:flex;align-items:center;justify-content:center}.art-thumb-skeleton::before{content:'';position:absolute;top:0;bottom:0;left:0;width:60%;background:linear-gradient(90deg, transparent, oklch(45% 0.1 290), transparent);animation:art-thumb-shimmer 1.4s ease-in-out infinite;will-change:transform}@keyframes art-spin{to{transform:rotate(360deg)}}@keyframes tag-cursor-blink{0%, 45%{opacity:1}50%, 95%{opacity:0}100%{opacity:1}}.section-tag-cursor{animation:tag-cursor-blink 1.1s step-end infinite}@media (prefers-reduced-motion: reduce){.section-tag-cursor{animation:none}}.art-lightbox-spinner{width:44px;height:44px;border-radius:50%;border:3px solid oklch(100% 0 0/0.15);border-top-color:var(--accent-spin, #fff);animation:art-spin 0.8s linear infinite}.art-thumb-spinner{width:22px;height:22px;border-radius:50%;border:2px solid oklch(100% 0 0/0.2);border-top-color:oklch(85% 0.15 340);animation:art-spin 0.7s linear infinite;flex-shrink:0}