body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dither-container{height:100%;position:relative;width:100%}@media (max-width:768px){.dither-container{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}}@media (max-width:480px){.dither-container{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}}.top-bar{background:#0f8;color:#1e2328;font-size:14px;font-weight:500;left:0;padding:8px 20px;position:fixed;right:0;top:0;z-index:1001}.top-bar-container{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px}.top-bar-content{flex:1 1;gap:12px}.top-bar-content,.top-bar-icon{align-items:center;display:flex}.top-bar-icon{justify-content:center}.top-bar-text{font-weight:600;letter-spacing:.5px}.top-bar-actions{gap:20px}.social-links,.top-bar-actions{align-items:center;display:flex}.social-links{gap:12px}.social-link{align-items:center;border-radius:4px;color:#1e2328;display:flex;justify-content:center;padding:4px;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#1e23281a;transform:translateY(-1px)}.contact-btn{background:#1e2328;border:none;border-radius:20px;color:#0f8;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.contact-btn:hover{background:#1e2328cc;transform:translateY(-1px)}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#1e2328;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .3s ease}.close-btn:hover{background:#1e23281a}.top-bar:after,.top-bar:before{border-style:solid;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.top-bar:before{border-color:#0000 #1e2328 #0000 #0000;border-width:6px 8px 6px 0;left:10px}.top-bar:after{border-color:#0000 #0000 #0000 #1e2328;border-width:6px 0 6px 8px;right:10px}@media (max-width:768px){.top-bar{font-size:12px;padding:6px 15px}.top-bar-container{gap:15px}.top-bar-text{display:none}.social-links{gap:8px}.contact-btn{font-size:11px;padding:6px 12px}.top-bar:after,.top-bar:before{display:none}}@media (max-width:480px){.top-bar{padding:5px 10px}.top-bar-container{gap:10px}.social-links{gap:6px}.social-link{padding:2px}.contact-btn{font-size:10px;padding:5px 10px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1002}.contact-modal{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border:1px solid #00ff884d;border-radius:20px;box-shadow:0 25px 50px #00000080,0 15px 30px #0f83;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00cc6a);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:700;margin:0}.modal-close-btn{background:none;border:none;border-radius:8px;color:#fff9;cursor:pointer;padding:8px;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.contact-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{background:#0f172acc;border:2px solid #4755694d;border-radius:12px;box-sizing:border-box;color:#fff;font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0f8;box-shadow:0 0 0 3px #00ff881a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn,.submit-btn{border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#4755694d;border:2px solid #4755694d;color:#fffc}.cancel-btn:hover{background:#47556980;color:#fff}.submit-btn{background:linear-gradient(135deg,#0f8,#00cc6a);border:2px solid #0000;box-shadow:0 4px 12px #00ff884d;color:#1e2328}.submit-btn:hover{box-shadow:0 6px 20px #0f86;transform:translateY(-2px)}@media (max-width:768px){.modal-overlay{padding:10px}.contact-modal{margin:10px}.modal-header{padding:20px 20px 0}.contact-form{padding:0 20px 20px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2328f2;border-bottom:1px solid #ffffff1a;left:0;padding:0 20px;position:fixed;top:40px;width:100%;z-index:1000}.header-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px}.header-container,.logo{align-items:center;display:flex}.logo{color:#0f8;font-size:18px;font-weight:700;gap:12px}.logo-icon{align-items:center;background:#0f8;border-radius:50%;display:flex;height:40px;justify-content:center;position:relative;width:40px}.logo-letter{color:#1e2328;font-size:20px;font-weight:700}.logo-text{font-size:20px;letter-spacing:2px}.nav{display:flex;flex:1 1;justify-content:center}.nav-list{display:flex;gap:40px;list-style:none;margin:0;padding:0}.nav-link{color:#fff;font-size:14px;font-weight:500;letter-spacing:1px;padding:8px 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#0f8}.nav-link.active:after{background:#0f8;bottom:-20px;content:"";height:2px;left:0;position:absolute;right:0}.header-right{align-items:center;display:flex;gap:20px}.search-container{align-items:center;display:flex;position:relative}.search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;font-size:14px;padding:8px 40px 8px 16px;transition:all .3s ease;width:200px}.search-input::placeholder{color:#fff9}.search-input:focus{border-color:#0f8;box-shadow:0 0 0 2px #0f83;outline:none}.search-icon{color:#fff9;pointer-events:none;position:absolute;right:12px}.grid-icon{border-radius:4px;cursor:pointer;padding:8px;transition:background .3s ease}.grid-icon:hover{background:#ffffff1a}.grid-dots{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px)}.grid-dots span{background:#fff;border-radius:50%;height:4px;transition:background .3s ease;width:4px}.grid-icon:hover .grid-dots span{background:#0f8}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:4px}.menu-toggle span{background:#fff;height:2px;transition:all .3s ease;width:25px}@media (max-width:768px){.header{padding:0 15px}.header-container{height:60px}.logo-text{font-size:16px}.logo-icon{height:35px;width:35px}.logo-letter{font-size:18px}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2328fa;border-bottom:1px solid #ffffff1a;left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav-list{flex-direction:column;gap:20px;padding:20px}.nav-link{font-size:16px;padding:10px 0}.nav-link.active:after,.search-container{display:none}.menu-toggle{display:flex}.grid-icon{display:none}}@media (max-width:480px){.header{padding:0 10px}.nav-list{gap:15px;padding:15px}}.three-scene-container{height:100%;min-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:1}.three-scene-container canvas{height:100%!important;width:100%!important}@media (max-width:768px){.three-scene-container{min-height:300px}}@media (max-width:480px){.three-scene-container{min-height:250px}}.hero{align-items:center;background:#0000;display:flex;min-height:100vh;padding:120px 20px 40px;position:relative;z-index:10}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;width:100%}.hero-content{color:#fff;margin-top:-80px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:30px}.highlight{color:#0f8}.hero-subtitle{align-items:flex-start;display:flex;gap:20px;margin-top:40px}.subtitle-line{background:#0f8;flex-shrink:0;height:80px;margin-top:8px;width:4px}.hero-subtitle p{color:#fffc;font-size:18px;line-height:1.6;max-width:400px}.hero-image{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;width:100%;z-index:2}.hero-decorations{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.decoration-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ff881a;border:2px solid #0f8;border-radius:50%;color:#0f8;display:flex;font-size:14px;font-weight:700;height:60px;justify-content:center;position:absolute;width:60px}.decoration-01{animation:float 3s ease-in-out infinite;right:20%;top:20%}.decoration-02{animation:float 3s ease-in-out 1.5s infinite;bottom:20%;right:10%}@media (max-width:1024px){.hero-container{gap:40px}}@media (max-width:768px){.hero{padding:140px 15px 40px}.hero-content{margin-top:0}.hero-container{gap:40px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:clamp(2rem,6vw,3rem)}.hero-subtitle{align-items:center;flex-direction:column;gap:15px;justify-content:center}.subtitle-line{height:4px;margin-top:0;width:80px}.decoration-01{right:10%;top:10%}.decoration-02{bottom:10%;left:10%}}@media (max-width:480px){.hero{padding:130px 10px 30px}.hero-content{margin-top:0}.hero-title{font-size:clamp(1.8rem,7vw,2.5rem)}.hero-subtitle p{font-size:16px}.decoration-item{font-size:12px;height:50px;width:50px}}.about-section{background:#0000;min-height:100vh;overflow:hidden;padding:100px 20px 80px;position:relative}.about-section:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e23284d;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.about-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.about-header{margin-bottom:80px;text-align:center}.about-title{color:#fff;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.about-title .highlight{color:#0f8;position:relative}.title-underline{animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#0f8,#00cc6a);border-radius:2px;height:4px;margin:0 auto;width:80px}@keyframes glow{0%{box-shadow:0 0 5px #0f8}to{box-shadow:0 0 20px #0f8,0 0 30px #0f8}}.about-content{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 2fr}.about-photo{position:relative}.photo-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00ff881a,#00ff880d);border:3px solid #0f86;border-radius:20px;box-shadow:0 20px 40px #0000004d,0 10px 20px #00ff881a,inset 0 1px 0 #fff3;margin:0 auto;max-width:400px;overflow:hidden;position:relative}.photo-container,.profile-image{transition:all .3s ease;width:100%}.profile-image{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px #ffffff1a;display:block;filter:contrast(1.15) saturate(1.2) brightness(1.08);height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0)}.photo-container:hover{border-color:#0f89;box-shadow:0 30px 60px #0006,0 15px 30px #0f83,inset 0 1px 0 #ffffff4d;transform:translateY(-5px)}.photo-placeholder{align-items:center;color:#0f8;display:none;flex-direction:column;height:100%;justify-content:center;text-align:center}.placeholder-icon{margin-bottom:15px;opacity:.7}.photo-placeholder p{font-size:14px;margin:0;opacity:.8}.photo-glow{animation:rotate 8s linear infinite;background:linear-gradient(45deg,#0f8,#00cc6a,#0f8);border-radius:30px;bottom:-20px;filter:blur(20px);left:-20px;opacity:.2;position:absolute;right:-20px;top:-20px;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-text{color:#fff}.about-intro h3{color:#fff;font-size:2.2rem;font-weight:600;margin-bottom:20px}.intro-text{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.intro-text .highlight{color:#0f8;font-weight:600}.about-details{grid-gap:25px;display:grid;gap:25px;margin-bottom:40px}.detail-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ff880d;border:1px solid #0f83;border-radius:15px;padding:25px;transition:all .3s ease}.detail-card:hover{background:#00ff881a;border-color:#0f86;box-shadow:0 10px 30px #00ff881a;transform:translateY(-5px)}.detail-icon{font-size:2rem;margin-bottom:15px}.detail-card h4{color:#0f8;font-size:1.3rem;font-weight:600;margin-bottom:10px}.detail-card p{color:#fffc;line-height:1.5;margin:0}.skills-preview{margin-bottom:40px}.skills-preview h4{color:#0f8;font-size:1.3rem;font-weight:600;margin-bottom:20px}.skill-tags{display:flex;flex-wrap:wrap;gap:12px}.skill-tag{background:#00ff881a;border:1px solid #00ff884d;border-radius:25px;color:#0f8;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.skill-tag:hover{background:#0f83;box-shadow:0 5px 15px #0f83;transform:translateY(-2px)}.about-cta{display:flex;flex-wrap:wrap;gap:20px}.cta-button{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;overflow:hidden;padding:15px 30px;position:relative;text-decoration:none;transition:all .3s ease}.cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-button:hover:before{left:100%}.cta-button.primary{background:linear-gradient(135deg,#0f8,#00cc6a);color:#1e2328}.cta-button.primary:hover{box-shadow:0 10px 30px #00ff884d;transform:translateY(-3px)}.cta-button.secondary{background:#0000;border:2px solid #0f8;color:#0f8}.cta-button.secondary:hover{background:#00ff881a;box-shadow:0 10px 30px #0f83;transform:translateY(-3px)}@media (max-width:1024px){.about-content{gap:60px;grid-template-columns:1fr;text-align:center}.photo-container{max-width:300px}}@media (max-width:768px){.about-section{padding:80px 15px 60px}.about-title{font-size:2.5rem}.about-content{gap:40px}.about-intro h3{font-size:1.8rem}.intro-text{font-size:1.1rem}.photo-container{max-width:250px}.cta-button{font-size:.9rem;padding:12px 24px}}@media (max-width:480px){.about-title{font-size:2rem}.about-intro h3{font-size:1.5rem}.about-cta{flex-direction:column}.cta-button{width:100%}.cta-button,.skill-tags{justify-content:center}}.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#fff;overflow-x:hidden;position:relative}.logoloop--scale-hover{padding-bottom:calc(var(--logoloop-logoHeight)*.1);padding-top:calc(var(--logoloop-logoHeight)*.1)}@media (prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto:#0b0b0b}}.logoloop__track{display:flex;-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content;will-change:transform}.logoloop__list{align-items:center;display:flex}.logoloop__item{flex:0 0 auto;font-size:var(--logoloop-logoHeight);line-height:1}.logoloop__item,.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop__node{align-items:center;display:inline-flex}.logoloop__node svg{fill:currentColor!important;color:inherit!important}.logoloop__item img{-webkit-user-drag:none;display:block;height:var(--logoloop-logoHeight);image-rendering:-webkit-optimize-contrast;object-fit:contain;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);width:auto}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover .logoloop__node,.logoloop--scale-hover .logoloop__item:hover img{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{align-items:center;border-radius:4px;display:inline-flex;text-decoration:none;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:after,.logoloop--fade:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:clamp(24px,8%,120px);z-index:1}.logoloop--fade:before{background:linear-gradient(to right,var(--logoloop-fadeColorAuto) 0,#0000 100%);background:linear-gradient(to right,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,#0000 100%);left:0}.logoloop--fade:after{background:linear-gradient(to left,var(--logoloop-fadeColorAuto) 0,#0000 100%);background:linear-gradient(to left,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,#0000 100%);right:0}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.tech-showcase{background:#0f172ae6;min-height:60vh;overflow:hidden;padding:4rem 0;position:relative;z-index:1}.tech-showcase:before{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:radial-gradient(circle at 30% 20%,#00ff8808 0,#0000 50%),radial-gradient(circle at 70% 80%,#00cc6a08 0,#0000 50%),#0f172a99;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tech-showcase-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.tech-showcase-header{margin-bottom:3rem;text-align:center}.tech-showcase-title{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#0f8 50%,#fff);-webkit-background-clip:text;background-clip:text;position:relative}.tech-showcase-subtitle{color:#94a3b8;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.tech-showcase-logos{margin-top:2rem;padding:2rem 0}.tech-showcase .logoloop.white-logos{--logoloop-fadeColorAuto:#0f172ae6}.tech-showcase .logoloop.white-logos .logoloop__link{color:#fff}.tech-showcase .logoloop.white-logos .logoloop__link:hover{opacity:.8}.tech-showcase .logoloop.white-logos .logoloop__node{color:#fff;filter:brightness(1) contrast(1)}.tech-showcase .logoloop.white-logos .logoloop__node svg{fill:#fff!important;color:#fff!important;opacity:.9;transition:opacity .3s ease,transform .3s ease}.tech-showcase .logoloop.white-logos .logoloop__item:hover .logoloop__node svg{opacity:1;transform:scale(1.1)}@media (max-width:768px){.tech-showcase{padding:3rem 0}.tech-showcase-title{font-size:2rem}.tech-showcase-container{padding:0 1rem}.tech-showcase .logoloop.white-logos.tech-logos{--logoloop-logoHeight:36px}.tech-showcase .logoloop.white-logos .logoloop__item{font-size:36px;padding:0 16px}}.projects-section{background:#0f172af2;min-height:100vh;overflow:hidden;padding:100px 0;position:relative}.projects-section:before{background:radial-gradient(circle at 20% 30%,#00ff8808 0,#0000 50%),radial-gradient(circle at 80% 70%,#00cc6a08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.projects-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.projects-header{margin-bottom:80px;text-align:center}.projects-title{color:#fff;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:20px}.projects-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00cc6a);-webkit-background-clip:text;background-clip:text}.projects-subtitle{color:#ffffffb3;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.carousel-container{height:600px;overflow:hidden;perspective:1200px;perspective-origin:50%;position:relative;width:100%}.carousel-track{align-items:center;display:flex;height:100%;justify-content:center;left:0;top:0}.carousel-track,.project-card{position:absolute;transform-style:preserve-3d;width:100%}.project-card{left:50%;max-width:400px;perspective:1000px;top:50%;transform-origin:center center;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.project-card.active-card{opacity:1;transform:translate(-50%,-50%) translateZ(0) scale(1);z-index:20}.project-card.next-card{opacity:.7;transform:translate(-50%,-50%) translateX(40%) translateZ(-100px) scale(.95) rotateY(-15deg);z-index:15}.project-card.prev-card{opacity:.7;transform:translate(-50%,-50%) translateX(-40%) translateZ(-100px) scale(.95) rotateY(15deg);z-index:15}.project-card.far-next-card{opacity:.4;transform:translate(-50%,-50%) translateX(80%) translateZ(-200px) scale(.85) rotateY(-25deg);z-index:10}.project-card.far-prev-card{opacity:.4;transform:translate(-50%,-50%) translateX(-80%) translateZ(-200px) scale(.85) rotateY(25deg);z-index:10}.project-card.hidden-card{opacity:0;transform:translate(-50%,-50%) translateZ(-300px) scale(.7);z-index:5}.card-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293be6;border:1px solid #4755694d;border-radius:20px;box-shadow:0 25px 50px #0006,0 15px 30px #00ff881a,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;height:550px;overflow:hidden;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.project-card.active-card .card-container:hover{border-color:#0f89;box-shadow:0 40px 80px #00000080,0 20px 40px #00ff884d;transform:translateY(-10px) rotateX(5deg)}.project-card:not(.active-card) .card-container:hover{border-color:#0f86;box-shadow:0 20px 40px #0000004d,0 10px 20px #0f83}.project-image{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:250px;justify-content:center;position:relative}.image-overlay{background:#0009;inset:0;position:absolute}.project-header{color:#fff;position:relative;text-align:center;z-index:10}.project-brand{font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:8px}.brand-line{background:#fff;height:4px;margin:0 auto 8px;width:48px}.project-title-overlay{font-size:.9rem;opacity:.9}.project-card.active-card:before{animation:activeGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,#00ff884d,#00cc6a4d,#00ff884d);border-radius:30px;bottom:-10px;content:"";filter:blur(20px);left:-10px;opacity:.5;position:absolute;right:-10px;top:-10px;z-index:-1}@keyframes activeGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.05)}}.project-content{display:flex;flex:1 1;flex-direction:column;margin-top:8px;padding:30px 24px 24px}.project-title{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:4px}.project-brand-sub{color:#0f8;font-size:.875rem;font-weight:500;margin-bottom:12px}.project-description{color:#ffffffb3;flex:1 1;font-size:.875rem;line-height:1.5;margin-bottom:16px}.project-footer{margin-top:auto}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.project-tag{background:#00ff881a;border:1px solid #0f83;border-radius:20px;color:#0f8;font-size:.75rem;font-weight:500;padding:4px 12px;transition:all .3s ease}.project-tag:hover{background:#0f83;transform:translateY(-1px)}.project-link{align-items:center;color:#ffffffb3;display:flex;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.project-link:hover{color:#0f8}.arrow-icon{height:16px;margin-left:8px;transition:transform .3s ease;width:16px}.project-link:hover .arrow-icon{transform:translateX(4px)}.carousel-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#000000b3;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px;z-index:30}.carousel-btn:hover{background:#fff;box-shadow:0 6px 20px #0003;transform:translateY(-50%) scale(1.1)}.carousel-btn-prev{left:20px}.carousel-btn-next{right:20px}.btn-icon{height:20px;width:20px}.carousel-dots{align-items:center;bottom:30px;display:flex;gap:12px;justify-content:center;left:0;position:absolute;right:0;z-index:30}.carousel-dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.carousel-dot.active{background:#0f8;border-radius:10px;width:20px}.carousel-dot:hover:not(.active){background:#ffffff80}@media (max-width:1024px){.projects-title{font-size:2.5rem}.carousel-container{height:550px}.card-container{height:450px}}@media (max-width:768px){.projects-section{padding:80px 0 60px}.projects-container{padding:0 15px}.projects-title{font-size:2rem}.projects-subtitle{font-size:1rem}.carousel-container{height:560px;perspective:800px}.card-container{height:520px}.project-content{margin-top:0;padding:15px 16px 14px}.project-image{height:220px}.project-title{font-size:1.15rem;margin-bottom:3px}.project-brand-sub{font-size:.85rem;margin-bottom:10px}.project-description{font-size:.85rem;line-height:1.4;margin-bottom:12px}.project-tags{gap:7px;margin-bottom:12px}.project-tag{font-size:.7rem;padding:3px 9px}.project-card.next-card{transform:translate(-50%,-50%) translateX(30%) translateZ(-50px) scale(.9) rotateY(-10deg)}.project-card.prev-card{transform:translate(-50%,-50%) translateX(-30%) translateZ(-50px) scale(.9) rotateY(10deg)}.project-card.far-next-card,.project-card.far-prev-card{opacity:.2;transform:translate(-50%,-50%) translateZ(-100px) scale(.8)}}@media (max-width:480px){.projects-header{margin-bottom:40px}.carousel-container{height:520px}.card-container{height:490px}.project-content{margin-top:0;padding:12px 14px}.project-image{height:200px}.project-brand{font-size:1rem}.project-title{font-size:1rem;margin-bottom:2px}.project-brand-sub{font-size:.8rem;margin-bottom:8px}.project-description{font-size:.8rem;line-height:1.35;margin-bottom:10px}.project-tags{gap:6px;margin-bottom:10px}.project-tag{font-size:.65rem;padding:2px 8px}.project-link{font-size:.85rem}}.metaballs-container{border-radius:12px;height:100%;overflow:hidden;position:relative;width:100%}.metaballs-container canvas{display:block;height:100%!important;width:100%!important}.terminal-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293be6;border:1px solid #4755694d;border-radius:12px;box-shadow:0 10px 25px #0000004d,0 5px 15px #00ff881a;max-width:100%;min-width:280px;transition:all .3s ease}.terminal-card:hover{border-color:#00ff8880;box-shadow:0 15px 35px #0006,0 8px 20px #0f83}.terminal-header{align-items:center;background:#0f172ae6;border-bottom:1px solid #4755694d;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.terminal-title{align-items:center;color:#fffc;display:flex;font-size:.85rem;font-weight:600;gap:8px}.terminal-icon{color:#0f8;height:16px;width:16px}.copy-button{background:#0000;border:1px solid #47556966;border-radius:6px;color:#fff9;cursor:pointer;padding:6px;transition:all .2s ease}.copy-button:hover{background:#00ff881a;border-color:#0f89;color:#0f8}.copy-icon{height:14px;width:14px}.copy-icon.success{color:#0f8}.terminal-content{background:#0f1419;border-radius:0 0 12px 12px;color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.5;max-height:200px;overflow:auto;padding:16px}.code-block,.typing-text{word-wrap:break-word;margin:0;white-space:pre-wrap}.cursor{background:#0f8;display:inline-block;height:1em;margin-left:2px;vertical-align:text-bottom;width:2px}.terminal-content::-webkit-scrollbar{width:6px}.terminal-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.terminal-content::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:3px}.terminal-content::-webkit-scrollbar-thumb:hover{background:#00ff8880}@media (max-width:768px){.terminal-card{min-width:250px}.terminal-content{font-size:.75rem;max-height:150px;padding:12px}.terminal-header{padding:10px 12px}}.grid-section{background:linear-gradient(135deg,#000000f2,#141414fa);overflow:hidden;padding:120px 0;position:relative}.grid-section:before{background:radial-gradient(circle at 20% 20%,#00ff881a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 50% 50%,#9333ea0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.grid-container{margin:0 auto;max-width:1200px;padding:0 24px;position:relative;z-index:2}.grid-header{margin-bottom:80px;text-align:center}.grid-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#fff,#ff6b6b);background-clip:text;-webkit-background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.grid-subtitle{color:#ffffffb3;font-size:1.25rem;font-weight:300;line-height:1.6;margin:0 auto;max-width:600px}.grid-wrapper{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:60px}.grid-card,.grid-item{position:relative}.grid-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:40px 30px;transition:all .4s cubic-bezier(.4,0,.2,1)}.grid-card:before{background:linear-gradient(135deg,#0000,#ffffff0d);border-radius:20px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.grid-card:hover:before{opacity:1}.grid-card:hover{border-color:#00ff884d;box-shadow:0 20px 40px #0000004d,0 0 40px #00ff881a;transform:translateY(-5px)}.card-header{align-items:flex-start;display:flex;justify-content:flex-end;margin-bottom:16px}.card-icon{align-items:center;background:linear-gradient(135deg,#0f8,#0000);background:linear-gradient(135deg,var(--accent-color,#0f8),#0000);border:2px solid #0f8;border:2px solid var(--accent-color,#0f8);border-radius:16px;display:flex;font-size:24px;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.card-icon:before{background:#0f8;background:var(--accent-color,#0f8);border-radius:14px;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.card-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fffc;font-size:14px;font-weight:600;padding:8px 16px}.globe-section{align-items:center;display:flex;height:240px;justify-content:center;margin-bottom:24px;min-height:240px;position:relative;width:100%}.card-globe{opacity:.9;transition:opacity .3s ease}.grid-card:hover .card-globe{opacity:1}.metaballs-section{align-items:center;border-radius:12px;display:flex;height:200px;justify-content:center;margin-bottom:24px;overflow:hidden;position:relative}.card-metaballs{height:100%;opacity:.8;transition:opacity .3s ease;width:100%}.grid-card:hover .card-metaballs{opacity:1}.card-icon-section{display:flex;justify-content:center;margin-bottom:24px}.card-content{flex:1 1;margin-bottom:32px;text-align:center}.card-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:8px}.card-subtitle{color:#0f8c;font-size:.95rem;font-weight:500;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.card-description{color:#ffffffb3;font-size:1rem;font-weight:300;line-height:1.6}.card-footer{margin-top:auto}.card-line{background:linear-gradient(90deg,#0f8,#0000);background:linear-gradient(90deg,var(--accent-color,#0f8),#0000);border-radius:2px;height:3px;transition:width .4s ease;width:60px}.grid-card:hover .card-line{width:100%}@media (max-width:768px){.grid-section{padding:80px 0}.grid-container{padding:0 16px}.grid-header{margin-bottom:60px}.grid-wrapper{gap:24px;grid-template-columns:1fr;margin-top:40px}.grid-card{padding:32px 24px}.card-header{margin-bottom:24px}.card-icon{font-size:20px;height:50px;width:50px}.card-content{margin-bottom:24px}.card-title{font-size:1.25rem}}@media (max-width:480px){.grid-section{padding:60px 0}.grid-card{padding:24px 20px}.card-icon{font-size:18px;height:45px;width:45px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00ff884d}50%{box-shadow:0 0 40px #00ff8880}}.globe-container{align-items:center;display:flex;height:240px;justify-content:center;margin:0 auto;position:relative;width:240px}.globe-container canvas{-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 0 20px rgba(0,255,136,.3));transition:filter .3s ease;user-select:none;-webkit-user-select:none}.grid-card:hover .globe-container canvas{filter:drop-shadow(0 0 30px rgba(0,255,136,.5))}@media (max-width:768px){.globe-section{height:200px;margin-bottom:20px;min-height:200px}.globe-container{height:200px;width:200px}.globe-container canvas{max-height:200px!important;max-width:200px!important}.metaballs-section{height:180px}}@media (max-width:480px){.globe-section{height:180px;margin-bottom:16px;min-height:180px}.globe-container{height:180px;width:180px}.globe-container canvas{max-height:180px!important;max-width:180px!important}}.terminal-section{align-items:center;display:flex;justify-content:center;min-height:200px;padding:20px}.card-terminal{max-width:320px;transform:scale(.95);transition:transform .3s ease;width:100%}.grid-card:hover .card-terminal{transform:scale(1)}@media (prefers-color-scheme:dark){.grid-card{background:#ffffff05;border-color:#ffffff14}.grid-card:hover{border-color:#0f86}}.scroll-timeline-container{min-height:100vh;overflow:hidden;position:relative;width:100%}.timeline-header{padding:4rem 1rem;text-align:center}.timeline-title{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.timeline-subtitle{color:#9ca3af;font-size:1.125rem;margin:0 auto;max-width:42rem}.timeline-content{max-width:72rem;padding:0 1rem 6rem}.timeline-content,.timeline-wrapper{margin:0 auto;position:relative}.timeline-line-bg{background-color:#4b5563;height:100%;width:3px}.timeline-line-bg,.timeline-progress{left:50%;position:absolute;transform:translateX(-50%);z-index:10}.timeline-progress{background:linear-gradient(180deg,#0f8,#00cc6a,#095);border-radius:9999px;box-shadow:0 0 15px #00ff8880,0 0 25px #00cc6a4d;top:0}.timeline-comet{left:50%;position:absolute;transform:translateX(-50%) translateY(-50%);z-index:20}.comet-core{background:radial-gradient(circle,#0f8c 0,#00cc6a80 40%,#0950 70%);border-radius:50%;box-shadow:0 0 15px 4px #0f89,0 0 25px 8px #00cc6a66,0 0 40px 15px #0953;height:1.25rem;width:1.25rem}.timeline-events{position:relative;z-index:20}.timeline-event{align-items:center;display:flex;margin-bottom:5rem;padding:1rem 0;position:relative}.timeline-event-left,.timeline-event-right{flex-direction:column}.timeline-dot-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:30}.timeline-dot{background-color:#1f2937;border:4px solid #4b5563;height:1.5rem;width:1.5rem}.timeline-dot.active{background-color:#1f2937;border-color:#22d3ee}.timeline-card{border-radius:1rem;margin-top:3rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%;z-index:30}.timeline-card:hover{box-shadow:0 20px 40px #0f83;transform:translateY(-8px)}.card-left,.card-right{width:100%}.event-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #0f83;border-radius:1rem;box-shadow:0 8px 32px #0000004d,0 4px 16px #00ff881a,inset 0 1px 0 #ffffff1a;color:#fff;overflow:hidden;position:relative}.event-card:before{background:linear-gradient(90deg,#0000,#00ff881a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.event-card:hover:before{left:100%}.event-card:hover{border-color:#0f86;box-shadow:0 12px 40px #0006,0 8px 24px #0f83,inset 0 1px 0 #fff3}.event-content{padding:2rem;position:relative;z-index:1}.event-date-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f8,#00cc6a);border:1px solid #00ff884d;border-radius:2rem;box-shadow:0 4px 16px #00ff884d,inset 0 1px 0 #fff3;color:#000;display:flex;font-size:.875rem;font-weight:800;justify-content:center;letter-spacing:.025em;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:.75rem 1.5rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.date-icon{color:#000;height:1rem;margin-right:.5rem;width:1rem}.date-text{font-size:.875rem}.date-text,.event-date-large{color:#000;font-weight:800;text-shadow:0 1px 2px #0000001a}.event-date-large{background:linear-gradient(135deg,#0f8,#00cc6a);border:1px solid #00ff884d;border-radius:2rem;box-shadow:0 4px 16px #00ff884d,inset 0 1px 0 #fff3;display:inline-block;font-size:1.25rem;letter-spacing:.025em;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:.75rem 1.5rem;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.event-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.75rem;text-align:center;text-shadow:0 2px 4px #0000001a}.event-subtitle{color:#0f8;font-size:.95rem;font-weight:600;letter-spacing:.025em;margin-bottom:1rem;opacity:.9;text-align:center}.event-description{color:#cbd5e1;font-size:.95rem;font-weight:400;letter-spacing:.01em;line-height:1.7;text-align:justify}@media (min-width:1024px){.timeline-title{font-size:4rem}.timeline-event-left{flex-direction:row;justify-content:flex-start}.timeline-event-right{flex-direction:row-reverse;justify-content:flex-start}.card-left{margin-right:calc(50% + 1.25rem)}.card-left,.card-right{margin-top:0;width:calc(50% - 2.5rem)}.card-right{margin-left:calc(50% + 1.25rem)}}@media (max-width:1023px){.timeline-title{font-size:2.5rem}.timeline-content{padding:0 .75rem 4rem}.timeline-event{margin-bottom:3rem}}@media (max-width:767px){.timeline-header{padding:3rem .75rem}.timeline-title{font-size:2rem}.timeline-subtitle{font-size:1rem}.timeline-content{padding:0 .5rem 3rem}.event-content{padding:1.5rem}.event-title{font-size:1.25rem}.event-date-badge,.event-date-large{font-size:.8rem;padding:.5rem 1rem}.timeline-card:hover{transform:translateY(-4px)}}.timeline-dot{align-items:center;background:linear-gradient(145deg,#1e293b,#0f172a);border:3px solid #374151;border-radius:50%;box-shadow:0 4px 12px #0000004d,inset 0 1px 0 #ffffff1a;display:flex;height:1.75rem;justify-content:center;transition:all .3s ease;width:1.75rem}.timeline-dot.active{background:radial-gradient(circle,#0f8 0,#00cc6a 100%);border-color:#0f8;box-shadow:0 0 20px #00ff8880,0 4px 12px #0000004d,inset 0 1px 0 #fff3}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-card{animation:cardSlideIn .6s ease-out}.event-card:after{background:linear-gradient(45deg,#0000 30%,#00ff881a 50%,#0000 70%);border-radius:1rem;bottom:-1px;content:"";left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:opacity .3s ease;z-index:-1}.event-card:hover:after{opacity:1}.experience-section{background:#0000;min-height:100vh;overflow:hidden;padding:2rem 0;position:relative}.experience-section:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 20% 80%,#00ff880d 0,#0000 50%),radial-gradient(circle at 80% 20%,#00cc6a0d 0,#0000 50%),#0f172acc}.experience-section:after,.experience-section:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.experience-section:after{background:linear-gradient(135deg,#0000,#00ff8805 50%,#0000)}.experience-section::-webkit-scrollbar{width:6px}.experience-section::-webkit-scrollbar-track{background:#00ff881a;border-radius:3px}.experience-section::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0f8,#00cc6a);border-radius:3px}.experience-section::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00cc6a,#0a5)}@keyframes cardGlow{0%,to{box-shadow:0 0 5px #0f83}50%{box-shadow:0 0 20px #0f86,0 0 30px #0f83}}@media (max-width:1024px){.experience-section{padding:20px 10px}}@media (max-width:768px){.experience-section{padding:15px 5px}}@media (max-width:480px){.experience-section{padding:10px 5px}}.seasonal-section{background:linear-gradient(180deg,#0a0c0ee6,#0f1419f2);padding:100px 0;position:relative}.seasonal-container{margin:0 auto;max-width:1200px;padding:0 20px}.service-header{animation:fadeInUp .8s ease-out;margin-bottom:60px;text-align:center}.service-title{color:#fff;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px}.service-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00cc6a);-webkit-background-clip:text;background-clip:text}.service-description{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:700px}.seasonal-wrapper{align-items:stretch;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.season-item{flex-basis:calc(33.333% - 16px);flex-grow:1;flex-shrink:1;max-width:480px;min-width:260px}.season-card{background:#0f1419;border-radius:14px;box-shadow:0 10px 30px #0006,inset 0 1px 0 #ffffff05;display:flex;flex-direction:column;height:350px;justify-content:flex-end;overflow:hidden;padding:24px;position:relative;transition:all .5s ease}@media (min-width:768px){.season-card:hover{transform:scale(1.03)}}.season-card-image{display:block;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;transition:transform .6s ease;width:100%}.season-card-overlay{background:linear-gradient(180deg,#0000008c,#000000bf 80%);inset:0;position:absolute}.season-card-content{position:relative;z-index:2}.season-card-header{position:relative}.season-card-title{color:#fff;font-size:1.25rem;letter-spacing:.02em;margin:0 0 6px}.season-card-subtitle{color:#0f8;font-size:.9rem;font-weight:600;margin:0 0 12px}.season-card-desc{opacity:0;transform:translateY(12px);transition:all .5s ease}.season-card:focus-within .season-card-desc,.season-card:hover .season-card-desc{opacity:1;transform:translateY(0)}.season-card:hover .season-card-image{transform:scale(1.08) translateY(-6%)}@media (max-width:1024px){.season-item{flex-basis:calc(50% - 16px);flex-grow:1;flex-shrink:1}}@media (max-width:600px){.season-item{flex:1 1 100%}.season-card{height:300px;padding:20px}}.contact-section{background:#0000;padding:80px 20px;position:relative;z-index:1}.contact-container{margin:0 auto;max-width:1200px}.contact-header{animation:fadeInUp .8s ease-out;margin-bottom:60px;text-align:center}.contact-title{color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:2px;margin:0 0 20px;text-transform:uppercase}.contact-title .highlight{color:#0f8;text-shadow:0 0 20px #00ff8880}.contact-description{color:#fff;font-size:1.2rem;font-weight:500;line-height:1.6;margin:0 auto 15px;max-width:700px}.contact-subdescription{color:#b0b0b0;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:700px}.contact-button-container{align-items:center;display:flex;justify-content:center;margin-top:40px}.contact-button{align-items:center;background:linear-gradient(135deg,#0f8,#00cc6a);border:2px solid #00ff884d;border-radius:50px;box-shadow:0 10px 30px #0f86;color:#000;display:inline-flex;font-size:1.3rem;font-weight:700;gap:15px;overflow:hidden;padding:20px 50px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.contact-button:hover:before{height:400px;width:400px}.contact-button:hover{border-color:#0f8c;box-shadow:0 20px 50px #0f89;transform:translateY(-5px) scale(1.05)}.button-arrow,.button-text{position:relative;z-index:1}.button-arrow{font-size:1.5rem;transition:transform .3s ease}.contact-button:hover .button-arrow{transform:translateX(10px)}.contact-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:40px}.contact-card{background:#141414cc;border:2px solid #0f83;border-radius:20px;color:inherit;cursor:pointer;display:block;overflow:hidden;padding:40px 30px;position:relative;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-card:before{background:linear-gradient(135deg,#00ff881a,#00c8ff1a);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:0}.contact-card:hover:before{opacity:1}.contact-card:hover{border-color:#0f89;box-shadow:0 20px 40px #0f83;transform:translateY(-10px)}.contact-icon{color:#0f8;font-size:3rem;margin-bottom:20px;position:relative;transition:transform .4s ease;z-index:1}.contact-card:hover .contact-icon{transform:scale(1.2) rotate(5deg)}.contact-card.whatsapp:hover .contact-icon{color:#25d366}.contact-card.whatsapp:hover{border-color:#25d36699}.contact-card.email:hover .contact-icon{color:#ea4335}.contact-card.email:hover{border-color:#ea433599}.contact-card.location .contact-icon{color:#ff6b6b}.contact-card.location:hover{border-color:#ff6b6b99}.contact-card.country .contact-icon{color:#4ecdc4}.contact-card.country .morocco-flag{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:auto;width:100px}.contact-card.country:hover .morocco-flag{filter:drop-shadow(0 6px 12px rgba(193,39,45,.5))}.contact-card.country:hover{border-color:#c1272d99}.contact-card h3{color:#fff;font-size:1.5rem;font-weight:600;margin:15px 0 10px;position:relative;z-index:1}.contact-card p{color:#b0b0b0;font-size:1rem;margin:0;overflow:hidden;position:relative;text-overflow:ellipsis;word-break:break-word;z-index:1}.contact-card.email p{font-size:.95rem;word-break:break-all}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contact-section{padding:60px 20px}.contact-header{margin-bottom:40px}.contact-title{font-size:2rem}.contact-description{font-size:1.05rem}.contact-subdescription{font-size:1rem}.contact-button{font-size:1.1rem;gap:10px;padding:18px 35px}.button-arrow{font-size:1.2rem}.contact-cards{gap:20px;grid-template-columns:1fr}.contact-card{padding:30px 20px}.contact-icon{font-size:2.5rem}.contact-card h3{font-size:1.3rem}.contact-card p{font-size:.95rem}}@media (max-width:480px){.contact-section{padding:40px 15px}.contact-title{font-size:1.8rem}.contact-description{font-size:1rem}.contact-subdescription{font-size:.95rem}.contact-button{font-size:1rem;padding:15px 30px}.button-text{font-size:1rem}.contact-card{padding:25px 15px}}.footer{background:linear-gradient(180deg,#0f172af2,#0a0f1efa);border-top:1px solid #0f83;color:#fff;overflow:hidden;padding:60px 20px 30px;position:relative}.footer:before{animation:glowLine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#0f8,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes glowLine{0%,to{opacity:.3}50%{opacity:1}}.footer-container{margin:0 auto;max-width:1200px}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr 1fr;margin-bottom:40px}.footer-brand{max-width:400px}.footer-logo{color:#0f8;font-size:2rem;font-weight:800;letter-spacing:2px;margin-bottom:15px;text-shadow:0 0 20px #00ff884d;text-transform:uppercase}.footer-tagline{color:#ffffffb3;font-size:1rem;line-height:1.6}.footer-links{display:flex;flex-direction:column}.footer-heading{color:#fff;display:inline-block;font-size:1.2rem;font-weight:600;margin-bottom:20px;position:relative}.footer-heading:after{background:#0f8;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:40px}.footer-nav{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.footer-nav li a{color:#ffffffb3;display:inline-block;font-size:.95rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-nav li a:before{color:#0f8;content:"→";left:-20px;opacity:0;position:absolute;transition:all .3s ease}.footer-nav li a:hover{color:#0f8;transform:translateX(10px)}.footer-nav li a:hover:before{left:-15px;opacity:1}.footer-social-section{display:flex;flex-direction:column}.footer-social{display:flex;gap:15px}.footer-social-link{align-items:center;background:#00ff881a;border:2px solid #0f83;border-radius:50%;color:#0f8;display:flex;font-size:1.3rem;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.footer-social-link:hover{background:#0f83;border-color:#0f8;box-shadow:0 10px 25px #00ff884d;transform:translateY(-5px) rotate(5deg)}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding-top:30px}.footer-copyright,.footer-made-with{color:#fff9;font-size:.9rem;margin:0}.footer-made-with{align-items:center;display:flex;gap:5px}.heart-icon{animation:heartbeat 1.5s ease-in-out infinite;color:#ff4757}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}@media (max-width:768px){.footer{padding:40px 20px 20px}.footer-content{gap:40px;grid-template-columns:1fr}.footer-brand{max-width:100%}.footer-logo{font-size:1.8rem}.footer-heading{font-size:1.1rem}.footer-bottom{flex-direction:column;gap:10px;text-align:center}.footer-nav{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.footer{padding:30px 15px 15px}.footer-content{gap:30px}.footer-logo{font-size:1.5rem}.footer-tagline{font-size:.9rem}.footer-nav{grid-template-columns:1fr}.footer-social-link{font-size:1.1rem;height:40px;width:40px}.footer-copyright,.footer-made-with{font-size:.85rem}}.custom-cursor-dot{background:#0f8;border-radius:50%;box-shadow:0 0 10px #00ff8880;height:8px;width:8px;z-index:99999}.custom-cursor-circle,.custom-cursor-dot{mix-blend-mode:difference;pointer-events:none;position:fixed}.custom-cursor-circle{border:2px solid #0f8;border-radius:50%;height:40px;transition:border-color .2s ease;width:40px;z-index:99998}.custom-cursor-circle.hovering{border-color:#fff;border-width:3px}.custom-cursor-circle.clicking{border-color:#ff6b6b}@media (hover:none) and (pointer:coarse){.custom-cursor-circle,.custom-cursor-dot{display:none}}.clickable,[role=button],a,button{cursor:pointer}*{box-sizing:border-box;margin:0;padding:0}body{background:#1e2328;color:#fff;font-family:Cinzel,serif;font-optical-sizing:auto;overflow-x:hidden}.App{min-height:100vh;overflow:hidden;position:relative}.background-container{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.main-content{min-height:100vh;position:relative;z-index:10}html{scroll-behavior:smooth}*{transition:opacity .3s cubic-bezier(.25,.4,.25,1),transform .3s cubic-bezier(.25,.4,.25,1)}[data-animated=true]{transition:none}.page-transition-enter{opacity:0;transform:translateY(30px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .6s cubic-bezier(.25,.4,.25,1),transform .6s cubic-bezier(.25,.4,.25,1)}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .4s cubic-bezier(.25,.4,.25,1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e2328}::-webkit-scrollbar-thumb{background:#0f8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00cc6a}