:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#060606;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:0;border:0px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Roboto,sans-serif;background-image:url(/assets/evester-background-CHB1q7zA.png?v=1);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.navbar{position:fixed;width:200px;height:100vh;background-color:#060212;padding:0 0 70px;z-index:1000;top:0;left:0;display:flex;flex-direction:column;border-right:.5px solid #2b264a;font-family:Consolas,Monaco,Courier New,monospace}.nav-header{padding:10px 20px;font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:1px;font-weight:700;display:block;margin-bottom:5px}.nav-content{display:flex;flex-direction:column;width:100%;padding-top:0;height:auto;gap:0;flex:1}.folder-structure,.folder-label,.arrow,.sub-folder,.file-icon-svg{display:none}.nav-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;flex:1;height:100%}.file-link{display:flex;align-items:left;padding:4px 0 4px 10px;color:#ccc;text-decoration:none;font-size:.9rem;width:100%;transition:background-color .1s;border-left:2px solid transparent}.file-link:hover,.file-link.active{background-color:#2a2d2e;color:#fff;border-left-color:#ee0651}.file-link.void-link{color:#a855f7;font-family:Courier New,Courier,monospace}.file-link.void-link:hover,.file-link.void-link.active{color:#d8b4fe;border-left-color:#a855f7;background-color:#2e1065;text-shadow:0 0 5px #a855f7}.nav-special-btn{background:transparent;border:none;text-align:left;cursor:pointer;font-family:inherit;font-size:.9rem;color:#666;font-style:italic;width:100%;min-height:24px;display:block}.nav-special-btn:hover{background-color:#2a2d2e;color:#ee0651;border-left-color:#ee0651}.nav-input-form{width:100%;padding:0;margin:0}.nav-special-input{width:100%;background-color:#000111;border:1px solid #ee0651;border-top:none;border-bottom:none;color:#fff;padding:4px 8px;font-family:inherit;font-size:.9rem;outline:none}@media(max-width:768px){.navbar{width:140px;height:100vh;flex-direction:column;padding:0 0 70px;border-right:.5px solid #2b264a;border-bottom:none;top:0;left:0;transition:transform .3s ease;background-color:#060212}.navbar.hidden{transform:translate(-100%)}.nav-toggle-btn{position:fixed;top:10px;left:150px;z-index:2000;background-color:#060212e6;color:#c8c3bc;border:1px solid #2b264a;width:30px;height:30px;border-radius:0;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nav-toggle-btn:hover{background-color:#2a2d2e;color:#fff;border-color:#ee0651}.mobile-nav-hidden .nav-toggle-btn{left:10px;background-color:#060212cc;border:1px solid #2b264a}.mobile-nav-hidden .nav-toggle-btn:hover{border-color:#ee0651}.nav-header{display:block;font-size:.7rem;padding:10px}.folder-label,.arrow{display:none}.nav-content{flex-direction:column;width:100%;padding:0;height:auto;align-items:flex-start}.folder-structure,.folder-item,.folder-content,.sub-folder{width:100%;height:auto;display:flex;align-items:flex-start;flex-direction:column}.nav-links{flex-direction:column;gap:.5rem;margin-left:0;width:100%;align-items:flex-start;flex:1}.file-link{padding:4px 0 4px 10px;width:100%;font-size:.8rem}.file-link:hover{background-color:#2a2d2e}}@media(max-width:480px){.nav-links{gap:1rem}.nav-links a{font-size:.85rem}}.main-content{position:fixed;top:0;left:250px;right:0;bottom:0;overflow-y:auto;padding:40px 50px;width:calc(100% - 250px)}.content-container{max-width:1500px;margin:0 auto;padding:20px 0;min-height:100%;display:flex;flex-direction:column}.skills{flex:1;width:100%;max-width:100%;background-color:transparent;border:none;border-radius:0;padding:1.5rem;min-height:500px;position:relative;border-right-color:transparent;border-top-color:transparent;border-left-color:transparent}.skills-container{position:relative;height:100%;overflow:visible}.tag-lines{width:30px;position:absolute;left:-30px;top:0;bottom:0;height:100%}.tag-line{position:absolute;left:0;width:3px;height:var(--line-height, 100%);top:var(--line-top, 0);background-color:#ee0651;transition:all .3s ease;transform-origin:top}.tag-line.active[data-active-tag=frontend]{background-color:#6c4bff}.tag-line.active[data-active-tag=backend]{background-color:#ff2bd3}.skills-list{position:relative;margin:0;padding-left:20px;list-style:none}.skills-list li{position:relative;background-color:#000111;margin-bottom:.8rem;padding:.8rem 1rem;font-size:1rem;border:1px solid #2b264a;border-radius:0;padding:.5rem 1rem;background-color:#060212cc;border-right-color:transparent;border-top-color:transparent;border-left-color:transparent}.skills-list li:before{content:"";position:absolute;left:-20px;top:50%;width:20px;height:2px;background-color:none;transition:all .3s ease;display:none}.skills-list li.active:before{display:none}.skills-list li[data-tag=frontend].active:before{display:none;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent}.skills-list li[data-tag=frontend]:hover:before{display:none;border-right-color:transparent;border-top-color:transparent;border-bottom-color:#2b264a}.skills-list li[data-tag=backend].active:before{display:none;border-right-color:transparent;border-top-color:transparent;border-bottom-color:#2b264a}.skills-list li[data-tag=backend]:hover:before{display:none;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;border-bottom-color:#2b264a}.skills-list li[data-tag=frontend]:hover{border-color:#6c4bff;border-width:0 0 1px 2px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:#2b264a}.skills-list li[data-tag=frontend].active:not(:hover){border-color:#241a73;border-width:0 0px 1px 2px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:#2b264a}.skills-list li[data-tag=backend]:hover{border-color:#ff2bd3;border-width:0 0 1px 2px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;border-bottom-color:#2b264a}.skills-list li[data-tag=backend].active:not(:hover){border-color:#801460;border-width:0 0 1px 2px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:#2b264a}.skill-details{max-height:0;opacity:0;transition:all .3s ease;overflow:hidden;font-size:.9rem;margin-top:0}.skill-tag{display:block;font-size:.8em;margin-top:.5rem;color:#888}.skills-list li:hover{transform:translate(5px);padding:1rem 1.2rem}.skills-list li:hover .skill-details{max-height:200px;opacity:1;margin-top:.6rem}.tag-line.frontend.active{background-color:#241a73;height:calc(50% + 1rem)}.tag-line.backend.active{background-color:#ff2bd3;height:calc(50% + 1rem)}.tag-line.frontend{height:50%;top:0}.tag-line.backend{height:50%;top:50%}.skills-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1.5rem;position:relative;height:2.5rem;gap:1rem}.skills-title{position:relative;margin:0;white-space:nowrap;font-size:2rem;font-weight:700;color:#c8c3bc;border-right-color:transparent;border-top-color:transparent;border-left-color:transparent}.category-title{position:relative;opacity:0;transform:translate(-10px);transition:all .3s ease;color:#c8c3bc;font-size:2rem;font-weight:700;white-space:nowrap}.category-title:not(:empty){opacity:1;transform:translate(0)}.skills-header .category-title[data-tag=frontend]~.skills-title,.skills-header .category-title[data-tag=backend]~.skills-title{transform:none}.content-split{display:flex;width:100%;gap:5rem;margin-bottom:4rem;align-items:flex-start;min-height:400px;position:relative}@media(max-width:1024px){.content-split{flex-direction:column;gap:2rem}.skills,.projects-preview{max-width:100%;width:100%;min-height:auto}.skills{margin-bottom:2rem}.skills-header{justify-content:center}.skills-header .category-title,.skills-header .skills-title{position:relative;left:auto;transform:none!important;text-align:center;width:100%}.skills-header .category-title[data-tag=frontend]~.skills-title,.skills-header .category-title[data-tag=backend]~.skills-title{transform:none}.preview-container{height:600px}}@media(max-width:768px){.preview-container{height:auto;min-height:550px}.project-media{max-height:250px}.project-description{font-size:.95rem}.project-navigation{padding:.5rem}}.projects-preview{flex:1;width:100%;max-width:100%;background-color:#060212cc;border:.5px solid #2b264a;border-radius:0;padding:0;color:#c8c3bc;margin-top:0;display:flex;flex-direction:column}.preview-container{position:relative;display:flex;flex-direction:row;height:100%;min-height:500px}.project-slides-container{flex:1;padding:1.5rem;position:relative;overflow:hidden;min-height:550px}.project-slide{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;width:auto;height:auto;background-color:transparent;padding:0;border-radius:0;opacity:0;pointer-events:none;border:none;transition:opacity .3s ease-in-out}.project-slide.active{opacity:1;pointer-events:all;position:absolute}.project-slide.active{opacity:1}.project-slide.previous{display:none}.project-media{width:100%;height:auto;max-height:380px;object-fit:contain;border-radius:0;margin:0rem 0;background-color:#000111}.project-slide h3{margin-bottom:.8rem;font-size:1.4rem}.project-description{background-color:transparent;padding:0rem;margin-bottom:1rem;border-radius:0;line-height:1.4;font-size:.9rem;color:#9a9a9a;max-width:100%;margin-left:auto;margin-right:auto}.project-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem;margin-bottom:1rem;padding:0;background-color:transparent;opacity:1}.project-tag{background-color:#ee0651;color:#fff;padding:.3rem .8rem;border-radius:0;font-size:.9rem;white-space:nowrap;transition:transform .2s ease}.project-navigation{width:160px;background-color:#060212;border-right:.5px solid #2b264a;display:flex;flex-direction:column;flex-shrink:0;font-family:Consolas,Monaco,Courier New,monospace;margin:0;padding:0}.project-navigation button.file-link{background:transparent;border:none;text-align:left;cursor:pointer;font-family:inherit;font-size:.9rem;width:100%;border-left:2px solid transparent;color:#ccc;padding:4px 0 4px 10px;margin-top:5px}.project-navigation button.file-link:hover{background-color:#2a2d2e;color:#fff;border-left-color:#ee0651}.project-indicators{display:flex;flex-direction:column;gap:0;margin-top:1rem;padding:0;width:100%}.indicator-link{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.indicator-link.active{color:#fff;border-left-color:#ee0651!important;background-color:#2a2d2e!important}.indicator{width:8px;height:8px;border-radius:50%;background-color:#666;cursor:pointer;transition:background-color .3s ease}.indicator.active{background-color:#ee0651}.about{width:100%;background-color:#060212cc;border:1px solid #2b264a;border-radius:0;padding:1.5rem;margin-bottom:4rem;color:#c8c3bc;margin-top:4rem;max-width:none;position:relative;z-index:1}.gallery-container{min-height:100vh;background-color:#000111;position:fixed;top:0;left:200px;right:0;bottom:0;overflow-y:auto;margin-top:0;padding-top:0;width:calc(100% - 200px)}.gallery-content{max-width:1500px;margin:0 auto;padding:20px;background-color:transparent}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem 0}.gallery-item{position:relative;border-radius:0;overflow:hidden;aspect-ratio:1;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;color:#c8c3bc;padding:1rem;transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:hover .gallery-item-overlay{transform:translateY(0)}.gallery-item-overlay h3{margin-bottom:.5rem}.gallery-item-overlay p{font-size:.9rem;margin:0}.gallery-content h1{text-align:center;color:#c8c3bc;margin-bottom:2rem;font-size:2.5rem;margin-top:0}.gallery-header{text-align:center;background-color:#000111;padding:20px 0}.projects-container{flex:1;background-color:#000111;margin-top:60px;width:100%;overflow-y:auto;position:relative}.projects-content{max-width:1500px;margin:0 auto;padding:20px;min-height:calc(100vh - 160px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem 0}.project-links{display:flex;gap:1rem;margin-top:1rem}.project-links a,.project-links button{padding:.5rem 1rem;border-radius:4px;text-decoration:none;color:#c8c3bc;background-color:#438fe0;border:none;cursor:pointer;transition:background-color .3s ease}.project-links a:hover,.project-links button:hover{background-color:#ee0651}.simulation-container{flex:1;background-color:#000111;margin-top:0;width:calc(100% - 200px);height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:fixed;left:200px;top:0}.simulation-container canvas{background-color:#000111;border-radius:8px}.void-page{position:fixed;top:0;left:200px;right:0;bottom:0;background-color:#060212;overflow:hidden;width:calc(100% - 200px)}.void-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.void-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10;pointer-events:none}.void-content h1{font-size:5rem;letter-spacing:1rem;margin-bottom:1rem;text-shadow:0 0 10px #fff,0 0 20px #ee0651}.void-content p{font-size:1.2rem;color:#888;letter-spacing:.2rem}@media(max-width:768px){.void-page{left:0;width:100%}.void-content h1{font-size:3rem}}.footer{position:fixed;bottom:0;left:0;right:0;z-index:1000;background-color:#060212;padding:1.5rem 0;height:60px;color:#c8c3bc;display:flex;justify-content:center;align-items:center;gap:10rem;list-style:none;opacity:1;pointer-events:all;border-top:.5px solid #2b264a}.footer a{color:#c8c3bc;transition:color .3s}h1,h2,p{margin-bottom:1rem}.home-button{list-style:none}.home-icon{width:50px;height:50px;margin-bottom:5px;object-fit:contain}.home-button a{display:flex;flex-direction:column;align-items:center;color:#c8c3bc;transition:color .3s;font-weight:bolder;font-size:1rem}.home-button a:hover{color:#438fe0}.nav-links a{text-decoration:none;color:#c8c3bc;font-weight:700;transition:color .3s}.social-links{display:flex;gap:10rem;justify-content:center}.social-links a{text-decoration:none;color:#c8c3bc;transition:color .3s}.home-button a:hover,.nav-links a:hover,.footer a:hover{color:#ee0651}.header{position:relative;z-index:3;text-align:left;width:100%}.header h1{font-size:3rem;margin-bottom:0rem;width:auto;color:#c8c3bc}.header p{width:auto;color:#c8c3bc}.play-pause-btn{background-color:#ee0651;border:none;color:#c8c3bc;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin-left:1rem}.play-pause-btn:hover{background-color:#2d6ba8}.project-slide{opacity:1;transition:opacity .3s ease-in-out}.project-slide.fade-out{opacity:0}.mobile-home{padding:80px 20px 40px;display:flex;flex-direction:column;gap:3rem;background-color:transparent;min-height:100vh}.mobile-header{text-align:center;margin-bottom:1rem}.mobile-header h1{font-size:2.5rem;color:#c8c3bc;margin-bottom:.5rem}.mobile-subtitle{color:#ee0651;font-size:1.2rem;font-weight:700}.mobile-section h2{color:#c8c3bc;border-left:4px solid #ee0651;padding-left:1rem;margin-bottom:1.5rem;font-size:1.8rem}.mobile-skill-category{margin-bottom:1.5rem;background-color:#060212cc;border:1px solid #2b264a;padding:1.5rem;border-radius:0}.mobile-skill-category h3{color:#c8c3bc;margin-bottom:1rem;font-size:1.3rem}.mobile-tags{display:flex;flex-wrap:wrap;gap:.8rem}.mobile-tags span{background-color:#000111;color:#c8c3bc;padding:.5rem 1rem;border-radius:0;font-size:.9rem;border:1px solid #333}.mobile-project-cards{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.mobile-project-card{background-color:#060212cc;border:1px solid #2b264a;border-radius:0;overflow:hidden;cursor:pointer;transition:transform .2s}.mobile-project-card:active{transform:scale(.98)}.mobile-project-media{width:100%;height:200px;background-color:#000}.mobile-project-media img,.mobile-project-media video{width:100%;height:100%;object-fit:cover}.mobile-project-info{padding:1.5rem}.mobile-project-info h3{color:#c8c3bc;margin-bottom:.5rem;font-size:1.3rem}.mobile-project-info p{color:#9a9a9a;font-size:.95rem;line-height:1.5;margin:0}.mobile-cta-button{width:100%;padding:1rem;background-color:#ee0651;color:#fff;border:none;border-radius:0;font-size:1.1rem;font-weight:700;cursor:pointer}.mobile-cta-button.secondary{background-color:transparent;border:2px solid #ee0651;color:#ee0651}.mobile-about{background-color:#060212cc;border:1px solid #2b264a;padding:2rem;border-radius:0;text-align:center}.mobile-about p{color:#9a9a9a;margin-bottom:2rem;font-style:italic;line-height:1.6}.projects-page-container{position:fixed;top:0;left:250px;right:0;bottom:0;background-color:transparent;overflow-y:auto;width:calc(100% - 250px)}.projects-page-content{max-width:1600px;margin:0 auto;padding:40px 40px 80px}.projects-page-title{color:#c8c3bc;font-size:3rem;margin-bottom:3rem;margin-top:0;font-weight:700}.projects-scroll-container{display:flex;flex-direction:column;gap:4rem;padding-bottom:2rem}.project-section{background-color:#060212cc;border:1px solid #2b264a;border-radius:0;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease;border-width:1px}.project-title{color:#c8c3bc;font-size:2.5rem;margin-bottom:1.5rem;font-weight:700;border-bottom:3px solid #ee0651;padding-bottom:.5rem}.image-section{margin-bottom:2.5rem;background-color:transparent;border-radius:0;padding:1.5rem}.image-section-title{color:#c8c3bc;font-size:1.5rem;margin-bottom:1rem;font-weight:700;padding-left:.5rem;border-left:4px solid #ee0651}.project-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.project-image{width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:0;transition:all .4s ease;cursor:pointer;position:relative;z-index:1}.project-image:hover:not(.expanded){transform:scale(1.2);z-index:100}.project-image.expanded{max-height:800px;transform:scale(1.5);z-index:150;margin:3rem 0}.project-description-section{margin-bottom:2.5rem;background-color:#000111;padding:1.5rem;border-radius:0;border-left:4px solid #ee0651}.project-description-section p{color:#9a9a9a;font-size:1.1rem;line-height:1.8;margin:0}.project-features{margin-bottom:2rem}.features-heading{color:#c8c3bc;font-size:1.8rem;margin-bottom:1.5rem;font-weight:700}.feature-item{display:flex;gap:1.5rem;margin-bottom:1.5rem;background-color:transparent;padding:1.5rem;border-radius:0;transition:all .4s ease;position:relative;border-width:1px;border-color:#565656}.feature-item:not(.expanded):hover{background-color:#000111;padding:2.5rem;margin-top:.25rem;margin-bottom:2rem}.feature-image-container{flex-shrink:0;width:200px;height:200px;border-radius:0;overflow:hidden;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:.75rem;cursor:pointer;transition:all .4s ease}.feature-item:not(.expanded):hover .feature-image-container{width:400px;height:400px}.feature-item.expanded{background-color:#000111;padding:3rem;margin-top:2rem;margin-bottom:3rem}.feature-item.expanded .feature-image-container{width:500px;height:500px}.feature-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.feature-content{flex:1;display:flex;flex-direction:column;justify-content:center}.feature-title{color:#c8c3bc;font-size:1.4rem;margin-bottom:.5rem;font-weight:700}.feature-description{color:#9a9a9a;font-size:1rem;line-height:1.6;margin:0}.project-action-links{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.project-action-button{padding:.75rem 1.5rem;border-radius:0;text-decoration:none;color:#c8c3bc;background-color:#ab083f;border:none;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease,transform .3s ease}.project-action-button:hover{background-color:#ee0651;color:#c8c3bc}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:2rem 0}@media(max-width:768px){.projects-page-content{padding:40px 15px 60px}.projects-page-title{font-size:2rem;margin-bottom:2rem}.project-section{padding:1.5rem}.project-title{font-size:1.8rem}.project-images{grid-template-columns:1fr}.feature-item{flex-direction:column;align-items:flex-start;gap:1rem}.feature-image-container{width:100%;max-width:200px;height:200px;margin:0 auto}.projects-page-content,.contact-page-content,.main-content{overflow-x:hidden}}.contact-page-container{position:fixed;top:0;left:250px;right:0;bottom:0;background-color:transparent;overflow-y:auto;width:calc(100% - 250px)}.contact-page-content{max-width:1400px;margin:0 auto;padding:60px 40px 80px}.contact-page-title{text-align:left;color:#c8c3bc;font-size:3rem;margin-bottom:1rem;font-weight:700}.contact-subtitle{text-align:left;color:#9a9a9a;font-size:1.2rem;margin-bottom:4rem}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.contact-form-section{background-color:transparent;border:1px solid #2b264a;padding:2.5rem;border-radius:0}.contact-form-section h2{color:#c8c3bc;font-size:1.8rem;margin-bottom:1.5rem;border-bottom:3px solid #ee0651;padding-bottom:.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#c8c3bc;font-size:1rem;font-weight:700}.form-group input,.form-group textarea{background-color:#060212;border:1px solid #2b264a;border-radius:0;padding:1rem;color:#c8c3bc;font-size:1rem;font-family:Roboto,sans-serif;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ee0651}.form-group textarea{resize:vertical;min-height:120px}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.submit-button{background-color:#ee0651;color:#fff;border:none;padding:1rem 2rem;border-radius:0;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-button:hover{background-color:#e3577f;transform:translateY(-2px)}.form-success-message{background-color:#1e4620;color:#4ade80;padding:1rem;border-radius:0;text-align:center;border:2px solid #4ade80;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-links-section{display:flex;flex-direction:column;gap:2rem}.contact-links-section h2{color:#c8c3bc;font-size:1.8rem;margin-bottom:1rem;border-bottom:3px solid #ee0651;padding-bottom:.5rem}.contact-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.contact-link-card{background-color:transparent;border:1px solid #2b264a;padding:1.5rem;border-radius:0;text-decoration:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;transition:all .3s ease}.contact-link-card:hover{transform:translateY(-5px);background-color:#000111}.contact-link-icon{font-size:3rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px}.contact-icon-image{width:100%;height:100%;object-fit:contain}.contact-link-content h3{color:#c8c3bc;font-size:1.3rem;margin-bottom:.5rem}.contact-link-content p{color:#9a9a9a;font-size:.9rem;margin:0}.contact-info-box{background-color:transparent;border:1px solid #2b264a;padding:2rem;border-radius:0;border-left:4px solid #ee0651}.contact-info-box h3{color:#c8c3bc;font-size:1.5rem;margin-bottom:1rem}.contact-info-box p{color:#9a9a9a;line-height:1.6;margin-bottom:.5rem}@media(max-width:968px){.contact-layout{grid-template-columns:1fr}.contact-links-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.contact-page-content{padding:40px 20px 60px}.contact-page-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-form-section{padding:1.5rem}.contact-links-grid{grid-template-columns:1fr}.main-content,.projects-page-container,.contact-page-container,.gallery-container,.mobile-home{left:0;width:100%;top:0;padding-left:15px;padding-right:15px;position:fixed;height:100%;overflow-y:auto;transition:all .3s ease}.mobile-home{padding-top:20px;position:fixed}.simulation-container{left:0;width:100%;top:0;height:100vh;transition:all .3s ease}.mobile-nav-hidden .main-content,.mobile-nav-hidden .projects-page-container,.mobile-nav-hidden .contact-page-container,.mobile-nav-hidden .gallery-container,.mobile-nav-hidden .mobile-home,.mobile-nav-hidden .simulation-container,.mobile-nav-hidden .void-page{left:0;width:100%}}
