body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sofia Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;width:100%}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ffeb3b;--secondary:#ffc107;--dark:#0a0a0a;--darker:#1a1a1a;--text:#fff;--text-secondary:#b0b0b0}html{scroll-behavior:smooth}body{background-color:#0a0a0a;background-color:var(--dark);color:#fff;color:var(--text);font-family:Sofia Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.logo{background:linear-gradient(135deg,#ffeb3b,#ffc107)}.nav-links a{color:#fff}.nav-links a:after{background:linear-gradient(135deg,#ffeb3b,#ffc107)}.hamburger span{background:#ffeb3b}@media (max-width:768px){.nav-content{padding:0 1rem}.logo-img{height:35px}.nav-links{background:#0a0a0afa;border-bottom:none;flex-direction:column;gap:0;left:0;max-height:0;overflow:hidden;padding:0;position:absolute;right:0;top:70px;transition:max-height .3s ease}.nav-links.active{border-bottom:1px solid #ffeb3b1a;max-height:500px;padding:1.5rem 0}.nav-links li{padding:0}.nav-links li.mobile-hidden{display:none}.nav-links li.mobile-visible,.nav-links.active li.mobile-hidden{display:list-item}.nav-links a{border-bottom:1px solid #ffeb3b1a;display:block;padding:1rem 2rem}.nav-links a:after{display:none}.nav-links a:hover{background:#ffeb3b1a;color:#ffc107;color:var(--secondary)}.hamburger{display:flex}}.hero{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding-top:60px;position:relative}.stars,.stars2,.stars3{background:#fff;border-radius:50%;height:2px;opacity:.6;position:absolute;width:2px}.stars{animation:twinkle 3s infinite}.stars2{animation:twinkle 4s 1s infinite}.stars3{animation:twinkle 5s 2s infinite}.stars:first-child{left:10%;top:10%}.stars:nth-child(2){left:80%;top:20%}.stars:nth-child(3){left:30%;top:40%}.stars2:nth-child(4){left:50%;top:15%}.stars2:nth-child(5){left:20%;top:60%}.stars2:nth-child(6){left:90%;top:70%}.stars3:nth-child(7){left:70%;top:35%}.stars3:nth-child(8){left:50%;top:80%}.hero-content{animation:fadeInUp 1s ease-out;padding:2rem;position:relative;text-align:center;z-index:5}.name-container{margin-bottom:2rem}.name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffeb3b,#ffc107);-webkit-background-clip:text;background-clip:text;font-size:5rem;font-weight:900;letter-spacing:.05em;line-height:1.2;text-shadow:0 0 30px #ffeb3b4d}.tagline{animation:fadeIn 1s ease-out .3s both;color:#b0b0b0;color:var(--text-secondary);font-size:1.5rem;margin-bottom:3rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 3rem;max-width:600px}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffeb3b0d;border:1px solid #ffeb3b33;border-radius:10px;cursor:pointer;padding:2rem;transition:all .3s ease}.info-card:hover{background:#ffeb3b1a;border-color:#ffeb3b80;transform:translateY(-5px)}.card-fade-in{animation:fadeInUp .8s ease-out}.card-icon{display:block;font-size:2.5rem;margin-bottom:.5rem}.info-card p{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.card-subtitle{color:#b0b0b0;color:var(--text-secondary);display:block;font-size:.9rem}.scroll-indicator{animation:bounce 2s infinite;bottom:2rem;cursor:pointer;position:absolute}.mouse{border:2px solid #ffeb3b;border:2px solid var(--primary);border-radius:12px;display:flex;height:40px;justify-content:center;margin:0 auto;padding:8px 0;width:24px}.wheel{animation:scrollWheel 1.5s infinite;background:#ffeb3b;background:var(--primary);border-radius:3px;height:6px;width:3px}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-indicator p{color:#b0b0b0;color:var(--text-secondary);font-size:.9rem;margin-top:1rem}.about,.contact,.skills{padding:6rem 2rem;position:relative;z-index:5}.about{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);background:linear-gradient(180deg,var(--darker) 0,#0f0f0f 100%)}.skills{background:linear-gradient(180deg,#0f0f0f,#1a1a1a);background:linear-gradient(180deg,#0f0f0f 0,var(--darker) 100%)}.contact{background:linear-gradient(180deg,#1a1a1a,#1a1a1a);background:linear-gradient(180deg,var(--darker) 0,#1a1a1a 100%)}.section-content{margin:0 auto;max-width:1200px}.section-title{-webkit-text-fill-color:#0000;animation:slideInLeft .8s ease-out;background:linear-gradient(135deg,#ffeb3b,#ffc107);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;margin-bottom:3rem}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.about-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-text p{animation:fadeInUp 1s ease-out .2s both;color:#b0b0b0;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-image{animation:fadeInUp 1s ease-out .4s both;display:flex;justify-content:center}.profile-photo{border:2px solid #ffeb3b4d;border-radius:20px;box-shadow:0 10px 40px #ffeb3b33;height:300px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:300px}.profile-photo:hover{box-shadow:0 15px 50px #ffeb3b66;transform:scale(1.05)}.avatar-placeholder{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffeb3b33,#ffc1071a);border:2px solid #ffeb3b4d;border-radius:20px;color:#ffeb3b;color:var(--primary);display:flex;font-size:5rem;font-weight:700;height:300px;justify-content:center;width:300px}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-item{animation:fadeInUp .8s ease-out;background:#ffeb3b08;border:1px solid #ffeb3b33;border-radius:10px;padding:2rem;transition:all .3s ease}.skill-item:nth-child(2){animation-delay:.1s}.skill-item:nth-child(3){animation-delay:.2s}.skill-item:nth-child(4){animation-delay:.3s}.skill-item:hover{background:#ffeb3b1a;border-color:#ffeb3b;border-color:var(--primary);transform:translateY(-10px)}.skill-item h3{color:#ffeb3b;color:var(--primary);font-size:1.2rem;margin-bottom:.5rem}.skill-item p{font-size:.95rem}.contact-subtitle,.skill-item p{color:#b0b0b0;color:var(--text-secondary)}.contact-subtitle{animation:fadeInUp .8s ease-out .2s both;font-size:1.2rem;margin-bottom:2rem}.contact-options{animation:fadeInUp .8s ease-out .4s both;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem}.cta-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#ffeb3b,#ffc107);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#000}.cta-button.primary:hover{box-shadow:0 10px 30px #ffeb3b4d;transform:translateY(-3px)}.cta-button.secondary{background:#0000;border:2px solid #ffeb3b;border:2px solid var(--primary);color:#ffeb3b;color:var(--primary)}.cta-button.secondary:hover{background:#ffeb3b1a;box-shadow:0 10px 30px #ffeb3b33;transform:translateY(-3px)}.button-icon{font-size:1.2rem}.contact-info{animation:fadeInUp .8s ease-out .6s both;margin-top:3rem;text-align:center}.email-display{color:#ffeb3b;color:var(--primary);font-size:1.3rem;font-weight:600}.footer{background:#000;border-top:1px solid #ffeb3b1a;color:#b0b0b0;color:var(--text-secondary);font-size:.9rem;padding:2rem;text-align:center}.floating-element{border-radius:50%;opacity:.1;pointer-events:none;position:fixed;z-index:1}.element-1{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffeb3b 0,#0000 70%);background:radial-gradient(circle,var(--primary) 0,#0000 70%);height:400px;left:-200px;top:20%;width:400px}.element-2{animation:float 10s ease-in-out infinite reverse;background:radial-gradient(circle,#ffc107 0,#0000 70%);background:radial-gradient(circle,var(--secondary) 0,#0000 70%);bottom:20%;height:300px;right:-150px;width:300px}.element-3{animation:float 12s ease-in-out infinite;background:radial-gradient(circle,#ffeb3b 0,#0000 70%);background:radial-gradient(circle,var(--primary) 0,#0000 70%);height:350px;right:-175px;top:50%;width:350px}.message-fab{bottom:1.25rem;display:flex;flex-direction:column;gap:.75rem;position:fixed;right:1.25rem;z-index:1200}.message-fab__button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffeb3b40,#ffc10726);border:1px solid #ffeb3b66;border-radius:999px;box-shadow:0 12px 30px #00000059;color:#fff;color:var(--text);cursor:pointer;display:inline-flex;gap:.5rem;padding:.85rem 1.1rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.message-fab__button:hover{background:linear-gradient(135deg,#ffeb3b59,#ffc10740);box-shadow:0 16px 40px #00000073;transform:translateY(-2px)}.message-fab__button:active{transform:translateY(0)}.message-fab__icon{font-size:1.1rem}.message-fab__label{font-weight:700;letter-spacing:.02em}.message-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a1af2;border:1px solid #ffeb3b40;border-radius:14px;bottom:4.5rem;box-shadow:0 18px 45px #0000008c;max-width:calc(100vw - 2.5rem);opacity:0;padding:1.25rem;pointer-events:none;position:fixed;right:1.25rem;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease;width:320px}.message-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.message-panel__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.message-panel__eyebrow{color:#b0b0b0;color:var(--text-secondary);font-size:.8rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.message-panel__title{color:#ffeb3b;color:var(--primary);font-size:1.25rem;margin:.15rem 0 0}.message-panel__close{background:#0000;border:none;color:#fff;color:var(--text);cursor:pointer;font-size:1.4rem;line-height:1}.message-panel__form{display:flex;flex-direction:column;gap:.6rem}.message-panel__label{color:#b0b0b0;color:var(--text-secondary);font-size:.9rem}.message-panel__required{color:#ffc107;color:var(--secondary)}.message-panel__input,.message-panel__textarea{background:#0a0a0abf;border:1px solid #ffeb3b40;border-radius:10px;color:#fff;color:var(--text);font-size:.95rem;padding:.75rem .85rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.message-panel__input:focus,.message-panel__textarea:focus{border-color:#ffeb3b;border-color:var(--primary);box-shadow:0 0 0 2px #ffeb3b26;outline:none}.message-panel__textarea{min-height:120px;resize:vertical}.message-panel__error{color:#ff6b6b;font-size:.9rem;margin:0}.message-panel__success{color:#7dd87d;font-size:.9rem;margin:0}.message-panel__submit{background:linear-gradient(135deg,#ffeb3b,#ffc107);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:10px;box-shadow:0 12px 30px #ffeb3b40;color:#000;cursor:pointer;font-weight:700;margin-top:.25rem;padding:.9rem 1rem;transition:transform .2s ease,box-shadow .2s ease}.message-panel__submit:hover{box-shadow:0 16px 40px #ffeb3b59;transform:translateY(-2px)}.message-panel__submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(20px) translateX(-10px)}75%{transform:translateY(-10px) translateX(5px)}}@media (max-width:768px){.name{font-size:3rem}.tagline{font-size:1.2rem}.section-title{font-size:2rem}.about-grid{gap:2rem;grid-template-columns:1fr}.avatar-placeholder{font-size:3rem;height:200px;width:200px}.nav-links{gap:1rem}.contact-options{align-items:center;flex-direction:column}.cta-button{justify-content:center;width:100%}.message-fab{bottom:1rem;right:1rem}.message-panel{bottom:4rem;right:1rem;width:calc(100vw - 2rem)}}@media (max-width:480px){.name{font-size:2rem}.tagline{font-size:1rem}.section-title{font-size:1.5rem;margin-bottom:2rem}.info-cards{grid-template-columns:1fr}.skill-item{padding:1.5rem}.contact-options{gap:1rem}.hero{padding-top:80px}.message-panel__title{font-size:1.1rem}.message-panel{padding:1rem}}.extensions-wrapper{min-height:100vh}.extensions-container,.extensions-wrapper{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);color:var(--text);width:100%}.extensions-container{overflow:hidden}.extensions-hero{align-items:center;display:flex;justify-content:center;margin-top:60px;min-height:50vh;overflow:hidden;padding:6rem 2rem 4rem;position:relative}.extensions-hero-content{animation:fadeInUp .8s ease-out;text-align:center;z-index:10}.extensions-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.extensions-subtitle{color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.extensions-stars,.extensions-stars2{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.extensions-stars{animation:twinkle 5s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,var(--primary),#ffeb3b00),radial-gradient(2px 2px at 60% 70%,var(--secondary),#ffc10700),radial-gradient(1px 1px at 50% 50%,var(--primary),#ffeb3b00),radial-gradient(1px 1px at 80% 10%,var(--secondary),#ffc10700);background-repeat:repeat;background-size:200% 200%;opacity:.3}.extensions-stars2{animation:twinkle 7s ease-in-out infinite reverse;background-image:radial-gradient(1px 1px at 25% 40%,var(--primary),#ffeb3b00),radial-gradient(2px 2px at 75% 80%,var(--secondary),#ffc10700);background-repeat:repeat;background-size:150% 150%;opacity:.2}.extensions-list{margin:0 auto;max-width:1200px;padding:4rem 2rem}.extensions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.extension-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffeb3b0d;border:1px solid #ffeb3b33;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.extension-card:before{background:linear-gradient(90deg,var(--primary),var(--secondary));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.extension-card:hover{background:#ffeb3b14;border-color:#ffeb3b66;box-shadow:0 10px 20px #ffeb3b14;transform:translateY(-5px)}.extension-card:hover:before{transform:scaleX(1)}.extension-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.extension-icon{border:2px solid #ffeb3b4d;border-radius:8px;height:60px;object-fit:cover;transition:transform .3s ease;width:60px}.extension-card:hover .extension-icon{transform:scale(1.1)}.extension-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.extension-description{color:var(--text-secondary);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:2rem}.extension-links{display:flex;flex-direction:column;gap:.75rem}.extension-link{align-items:center;background:#ffeb3b1a;border:1px solid #ffeb3b4d;border-radius:6px;color:var(--primary);display:inline-flex;font-size:.9rem;font-weight:500;justify-content:space-between;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.extension-link:hover{background:#ffeb3b33;border-color:#ffeb3b99;color:var(--secondary);padding-right:1.5rem}.extension-link:hover .link-arrow{transform:translateX(5px)}@media (max-width:768px){.extensions-title{font-size:2.5rem}.extensions-subtitle{font-size:1rem}.extensions-grid{grid-template-columns:1fr}.extension-header{gap:1rem}.extension-icon{height:50px;width:50px}.extension-title{font-size:1.25rem}}@media (max-width:480px){.extensions-hero{min-height:40vh;padding:4rem 1rem 2rem}.extensions-title{font-size:2rem}.extensions-list{padding:2rem 1rem}.extension-card{padding:1.5rem}}.projects-wrapper{min-height:100vh}.projects-container,.projects-wrapper{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);color:var(--text);width:100%}.projects-container,.projects-hero{overflow:hidden}.projects-hero{align-items:center;display:flex;justify-content:center;margin-top:60px;min-height:50vh;padding:6rem 2rem 4rem;position:relative}.projects-hero-content{animation:fadeInUp .8s ease-out;text-align:center;z-index:10}.projects-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.projects-subtitle{color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.projects-stars,.projects-stars2{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.projects-stars{animation:twinkle 5s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,var(--primary),#ffeb3b00),radial-gradient(2px 2px at 60% 70%,var(--secondary),#ffc10700),radial-gradient(1px 1px at 50% 50%,var(--primary),#ffeb3b00),radial-gradient(1px 1px at 80% 10%,var(--secondary),#ffc10700);background-repeat:repeat;background-size:200% 200%;opacity:.3}.projects-stars2{animation:twinkle 7s ease-in-out infinite reverse;background-image:radial-gradient(1px 1px at 25% 40%,var(--primary),#ffeb3b00),radial-gradient(2px 2px at 75% 80%,var(--secondary),#ffc10700);background-repeat:repeat;background-size:150% 150%;opacity:.2}.projects-list{margin:0 auto;max-width:1200px;padding:4rem 2rem}.project-card{align-items:center;background:#181818;background:var(--darker,#181818);border-radius:1.2rem;box-shadow:0 2px 16px 0 #0000002e;display:flex;flex-direction:column;min-width:0;padding:2rem 1.5rem 1.5rem;transition:transform .18s,box-shadow .18s}.project-card:hover{box-shadow:0 4px 24px 0 #00000038;transform:translateY(-4px) scale(1.025)}.project-icon img{background:#000;border-radius:8px;height:56px;margin-bottom:.7rem;width:56px}.project-header{align-items:center;display:flex;gap:.7rem;margin-bottom:.5rem}.project-title{color:#ffeb3b;color:var(--primary,#ffeb3b);font-size:2rem;font-weight:700;letter-spacing:.01em;margin:0 0 .2em}.project-link{color:#ffc107;color:var(--secondary,#ffc107);font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s}.project-link:hover{color:#ffeb3b;color:var(--primary,#ffeb3b)}.project-description{color:#e6e6e6;font-size:1.04rem;line-height:1.7;margin-bottom:1.1rem;margin-top:.2rem}.project-tech-icons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1.1rem 0 1.2rem}.project-tech-icons img{background:#fff;border-radius:6px;box-shadow:0 1px 4px 0 #0000001a;height:32px;margin:0 2px;object-fit:contain;padding:3px;transition:transform .15s,box-shadow .15s;width:32px}.project-tech-icons img:hover{box-shadow:0 2px 8px 0 #0000002e;transform:scale(1.13) rotate(-4deg)}.project-live-btn{background:linear-gradient(90deg,#ffeb3b,#ffc107);background:linear-gradient(90deg,var(--primary,#ffeb3b),var(--secondary,#ffc107));border-radius:2em;box-shadow:0 2px 8px 0 #0000001a;color:#181818;display:inline-block;font-size:1.08em;font-weight:700;letter-spacing:.01em;margin-top:.5rem;padding:.6em 1.3em;text-decoration:none;transition:background .18s,color .18s,transform .15s}.project-live-btn:hover{background:linear-gradient(90deg,#ffc107,#ffeb3b);background:linear-gradient(90deg,var(--secondary,#ffc107),var(--primary,#ffeb3b));color:#222;transform:scale(1.04)}.navbar{animation:slideDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid #ffeb3b1a;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nav-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.logo,.nav-content{align-items:center;display:flex}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.logo-img{height:40px;object-fit:contain;width:auto}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text);position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:after{background:linear-gradient(135deg,var(--primary),var(--secondary));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px}.hamburger span{background:var(--primary);border-radius:2px;height:3px;transition:all .3s ease;width:25px}.hamburger.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:768px){.nav-content{padding:0 1rem}.logo-img{height:35px}.nav-links{background:#0a0a0afa;border-bottom:none;flex-direction:column;gap:0;left:0;max-height:0;overflow:hidden;padding:0;position:absolute;right:0;top:70px;transition:max-height .3s ease}.nav-links.active{border-bottom:1px solid #ffeb3b1a;max-height:500px;padding:1.5rem 0}.nav-links li{padding:0}.nav-links li.mobile-hidden{display:none}.nav-links li.mobile-visible,.nav-links.active li.mobile-hidden{display:list-item}.nav-links a{border-bottom:1px solid #ffeb3b1a;display:block;padding:1rem 2rem}.nav-links a:after{display:none}.nav-links a:hover{background:#ffeb3b1a;color:var(--secondary)}.hamburger{display:flex}}@media (max-width:480px){.nav-content{padding:0 .75rem}.logo-img{height:30px}.nav-links a{padding:.75rem 1.5rem}.hamburger span{height:2.5px;width:20px}}.games-wrapper{min-height:100vh}.games-container,.games-wrapper{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);color:var(--text);width:100%}.games-container,.games-hero{overflow:hidden}.games-hero{align-items:center;display:flex;justify-content:center;margin-top:60px;min-height:50vh;padding:6rem 2rem 4rem;position:relative}.games-hero-content{animation:fadeInUp .8s ease-out;text-align:center;z-index:10}.games-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.games-subtitle{color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.games-stars,.games-stars2{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.games-stars{animation:twinkle 5s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,var(--primary),#ffeb3b00),radial-gradient(2px 2px at 60% 70%,var(--secondary),#ffc10700),radial-gradient(1px 1px at 50% 50%,var(--primary),#ffeb3b00),radial-gradient(1px 1px at 80% 10%,var(--secondary),#ffc10700);background-repeat:repeat;background-size:200% 200%;opacity:.3}.games-stars2{animation:twinkle 7s ease-in-out infinite reverse;background-image:radial-gradient(1px 1px at 25% 40%,var(--primary),#ffeb3b00),radial-gradient(2px 2px at 75% 80%,var(--secondary),#ffc10700);background-repeat:repeat;background-size:150% 150%;opacity:.2}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.games-list{margin:0 auto;max-width:1200px;padding:4rem 2rem}.games-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));text-align:center}.coming-soon{color:var(--text-secondary);font-size:1.5rem;font-style:italic;grid-column:1/-1;padding:3rem}.game-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffeb3b0d;border:1px solid #ffeb3b33;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.game-card:before{background:linear-gradient(90deg,var(--primary),var(--secondary));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.game-card:hover{background:#ffeb3b14;border-color:#ffeb3b66;box-shadow:0 10px 20px #ffeb3b14;transform:translateY(-5px)}.game-card:hover:before{transform:scaleX(1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-header{gap:1.5rem;margin-bottom:1.5rem}.game-header,.game-icon{align-items:center;display:flex}.game-icon{border:2px solid #ffeb3b4d;border-radius:8px;height:60px;justify-content:center;transition:transform .3s ease;width:60px}.game-card:hover .game-icon{transform:scale(1.1)}.game-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.game-description{color:var(--text-secondary);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:2rem}.game-links{display:flex;flex-direction:column;gap:.75rem}.game-link{align-items:center;background:#ffeb3b1a;border:1px solid #ffeb3b4d;border-radius:6px;color:var(--primary);display:inline-flex;font-size:.9rem;font-weight:500;justify-content:space-between;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.game-link:hover{background:#ffeb3b33;border-color:#ffeb3b99;color:var(--secondary);padding-right:1.5rem}.link-arrow{display:inline-block;transition:transform .3s ease}.game-link:hover .link-arrow{transform:translateX(5px)}@media (max-width:768px){.games-title{font-size:2.5rem}.games-subtitle{font-size:1rem}.games-grid{grid-template-columns:1fr}}@media (max-width:480px){.games-hero{min-height:40vh;padding:4rem 1rem 2rem}.games-title{font-size:2rem}.games-list{padding:2rem 1rem}}
/*# sourceMappingURL=main.888e69c8.css.map*/