@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";: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:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.galaxy-button{background:#00000026;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding:6px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;border:none;border-radius:8px;animation:gb-fadeIn 3s ease-out;transition:background .3s ease}.galaxy-button--left{transform:translate(calc(-100% + 18px),-50%)}.galaxy-button--right{flex-direction:row-reverse;transform:translate(-18px,-50%)}.galaxy-button__label{position:relative;display:flex;flex-direction:column;align-items:center;min-width:50px}.galaxy-button__title,.galaxy-button__subtitle{font-family:Space Grotesk,sans-serif;font-weight:400;color:#fff;margin:3px 6px;transition:all .4s cubic-bezier(.4,0,.2,1);text-shadow:0 1px 2px rgba(0,0,0,.8),0 2px 10px rgba(0,0,0,.5),0 4px 20px rgba(0,0,0,.3)}.galaxy-button__title{position:relative;font-size:1rem;letter-spacing:1px}.galaxy-button__subtitle{font-size:.75rem;color:transparent;opacity:0;transform:translateY(-5px)}.galaxy-button__title:after{content:"";position:absolute;height:2px;width:0;bottom:0;background:#fffc;box-shadow:0 0 8px #fff9;transition:width .3s ease;pointer-events:none}.galaxy-button--left .galaxy-button__title:after{right:0}.galaxy-button--right .galaxy-button__title:after{left:0}.galaxy-button__diamond{width:16px;height:16px;border:1.5px solid rgba(255,255,255,.9);border-radius:2px;transform:rotate(45deg);flex-shrink:0;transition:all .3s ease;box-shadow:0 0 6px #fff3}.galaxy-button:hover{background:transparent}.galaxy-button:hover .galaxy-button__title{transform:translateY(-8px) scale(1.15);text-shadow:0 1px 2px rgba(0,0,0,1),0 2px 10px rgba(0,0,0,.8),0 4px 20px rgba(0,0,0,.5)}.galaxy-button:hover .galaxy-button__subtitle{opacity:1;color:#fff;transform:translateY(0)}.galaxy-button:hover .galaxy-button__title:after{width:100%}.galaxy-button:hover .galaxy-button__diamond{border-width:2px;border-color:#fff;box-shadow:0 0 15px #ffffff80;transform:rotate(225deg)}@keyframes gb-fadeIn{0%{opacity:0}to{opacity:1}}.header{position:fixed;display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 2rem;z-index:2;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);transition:all .3s ease;box-sizing:border-box}.header-brand{display:flex;align-items:center;gap:1rem;cursor:pointer;transition:opacity .3s ease}.header-brand:hover{opacity:.8}.header-logo{width:48px;height:48px;border-radius:8px}.header-title{font-size:1.4rem;font-family:Space Grotesk,sans-serif;font-weight:500;margin:0;letter-spacing:1px}.header-nav{display:flex;gap:.5rem}.header-nav-link{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:.5rem 1.1rem;border-radius:6px;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:400;transition:all .3s ease;letter-spacing:.5px}.header-nav-link:hover{color:#fff;border-color:#8ac4ff80;background:#8ac4ff1a}.goDown{animation:goDown 2s ease-in-out forwards}.goUp{animation:goUp 1s ease-in-out forwards}@keyframes goDown{0%{transform:translateY(-100%);opacity:0}60%{transform:translateY(5%);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes goUp{0%{transform:translateY(0);opacity:1}to{opacity:0;transform:translateY(-100%)}}@media screen and (max-width:800px){.header{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.header-logo{width:36px;height:36px}.header-title{font-size:1.1rem}.header-nav{gap:.25rem}.header-nav-link{font-size:.75rem;padding:.35rem .75rem}}.black-hole-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-image:radial-gradient(closest-side,#000,#000);z-index:999;overflow:hidden}.black-hole{width:150px;height:150px;background-image:radial-gradient(closest-side,#000 80%,#ffffff80);border-radius:50%;box-shadow:0 0 20px 25px #ffffff80;position:relative;border-width:0px;animation:pulsate 3s ease-in-out infinite}.accretion-disk{position:absolute;scale:1.5;animation:spin 3s linear infinite}.blur{animation:blur 2s ease-in-out}.blur-container{animation:blur-container 2s ease-in-out forwards}.hidden{display:none}@keyframes blur{to{scale:3;background-image:radial-gradient(closest-side,transparent 80%,rgba(255,255,255,.5))}}@keyframes blur-container{20%{background-image:radial-gradient(closest-side,transparent 20%,#000);opacity:.8}40%{background-image:radial-gradient(closest-side,transparent 40%,#000);opacity:.6}60%{background-image:radial-gradient(closest-side,transparent 60%,#000);opacity:.4}80%{background-image:radial-gradient(closest-side,transparent 80%,#000);opacity:.2}to{background-image:radial-gradient(closest-side,transparent,transparent);z-index:-4;opacity:0;visibility:hidden}}@keyframes spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}@keyframes pulsate{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);box-shadow:0 0 25px 30px #ffffff80;opacity:.8}to{transform:scale(1);opacity:1}}.side-panel{background-color:transparent;border:2px solid #3a3a3a;border-radius:4px;padding:1.5rem;box-shadow:0 0 15px #0009;color:#fff;font-family:Courier New,monospace;transition:all .3s ease}.side-panel.left{border-left:4px solid #8ac4ff;border-right:none;border-radius:0 64px 64px 0;direction:rtl}.side-panel.right{border-right:4px solid #8ac4ff;border-left:none;border-radius:64px 0 0 64px}.side-panel.bottom{border-bottom:4px solid #8ac4ff;min-height:200px}.stacked{height:auto;margin-bottom:1rem}.stacked.left,.stacked.right,.stacked.bottom{border:2px solid #3a3a3a}.desktop-about-panels{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}.side-panel{scrollbar-width:auto;scrollbar-color:#8ac4ff rgba(10,10,10,.5);pointer-events:auto}.section-width,.specs-width{max-width:100%}.specs-flex{display:flex;flex-wrap:wrap;gap:1rem}.spec-item{flex:1;min-width:200px}.bottom-sheet{position:fixed;bottom:0;height:90%;width:100%;overflow-y:scroll;border-top:4px solid #8ac4ff;border-radius:64px 64px 0 0;padding-top:4px;scrollbar-width:none;background-color:transparent}.bottom-sheet-content{padding:20px;gap:10px;display:flex;flex-direction:column;height:100%;overflow-y:scroll}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:2rem;direction:ltr}.back-button{background:none;border:1px solid rgba(255,255,255,.15);border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:#fff9;transition:all .2s ease}.back-button:hover{color:#fff;border-color:#8ac4ff80;background:#8ac4ff1a}.title{color:#fff;text-shadow:0 0 10px #8ac4ff,0 0 20px #8ac4ff,0 0 30px #8ac4ff}.main-skills{display:flex;flex-wrap:wrap;flex-direction:column;gap:1rem;color:#fff;margin-bottom:2rem}.main-skills div{text-align:center;padding:1rem;border-radius:4px;background:#8ac4ff1a;flex:1 1}.presentation-card section{background:#0a0a0ab3;border:1px solid #3a3a3a;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;direction:ltr}.section-text{color:#8ac4ff;line-height:1.8}.specs-flex{display:flex;flex-wrap:wrap;width:100%;gap:1.5rem;margin-top:1rem}.spec-item{text-align:center;background:#8ac4ff1a;padding:1.5rem;border-radius:4px;flex:1 1}.tech-list{list-style:none;padding:0;margin:.5rem 0 0;color:#fff}.tech-list li{padding:.3rem 0;color:#8ac4ff}.timeline .log-entry{display:flex;gap:1rem;margin-bottom:1rem;padding-left:1rem;border-left:2px solid #8ac4ff}.timestamp{color:#8ac4ff}.footer-interface{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0a0a0ae6;border-radius:4px}.pulse-indicator{width:10px;height:10px;background:#8ac4ff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.presentation-card h3{color:#8ac4ff;margin-bottom:1rem}.presentation-card h4{color:#fff;margin-bottom:.5rem}@media screen and (min-width:800px){.main-skills{flex-direction:row}.main-skills div{flex:1 1 30%;min-width:200px}.about-content{display:flex;flex-wrap:wrap;gap:1.5rem}.about-content .mission-vision{display:flex;width:100%;gap:1.5rem}.about-content .mission-vision section{flex:1}.about-content .technical-expertise,.about-content .recent-achievements{width:100%}}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-weight:500;font-size:.9rem;color:#ffffffb3}.form-group input,.form-group textarea{padding:.6rem .75rem;border-radius:6px;border:1px solid #3a3a3a;background:#0f0f19cc;color:#fff;font-family:inherit;font-size:.95rem;resize:vertical;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8ac4ff;box-shadow:0 0 0 2px #8ac4ff26}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff40}button[type=submit]{padding:.75rem;background:linear-gradient(135deg,#3d79f2,#1a4fd4);color:#fff;border-radius:6px;border:none;cursor:pointer;font-weight:500;font-size:.95rem;transition:opacity .2s ease}button[type=submit]:hover{opacity:.9}button[type=submit]:disabled{background:#3a3a3a;color:#fff6;cursor:not-allowed}.success-message{color:#4ade80}.error-message{color:#f87171}.contact-form{width:80%;margin:0 auto;padding:2rem;border:1px solid #3a3a3a;border-radius:8px;background-color:#0a0a0a99}.contact-form .footer-interface{padding-right:2rem;padding-left:2rem;width:80%;margin:1rem auto}.profile-image-desktop{width:200px;height:200px;transition:all .3s ease}@media screen and (min-width:1600px){.profile-image-desktop{width:120px;height:120px}}.profile-image-mobile{width:100px;height:100px;transition:all .3s ease}@media screen and (max-width:800px){.profile-image-mobile{width:150px;height:150px}}.profile-header{display:flex;align-items:center;justify-content:space-between}.profile-image{float:left;shape-outside:circle(50%);margin:0 1rem 1rem 0}.logo-icon{width:24px;height:24px;margin-right:8px;cursor:pointer;transition:all .3s ease}.logo-icon:hover{transform:scale(1.2)}.presentation-card{flex-direction:column;height:100vh;width:100vw;position:fixed;background:#00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:999}