:root{--bg-color:#050505;--card-bg:#0a0a0a;--neon-cyan:#00f3ff;--neon-pink:#ff003c;--neon-purple:#b026ff;--neon-yellow:#fe0;--text-main:#e0e0e0;--text-dim:#666;--offline-gray:#444;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#050505;background-color:var(--bg-color);color:#e0e0e0;color:var(--text-main);display:flex;font-family:Courier New,Courier,monospace;justify-content:center;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}body:before{background:linear-gradient(#12101000 50%,#00000040 0),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;bottom:0;content:" ";display:block;right:0;z-index:2}#globe-canvas,body:before{left:0;pointer-events:none;position:fixed;top:0}#globe-canvas{z-index:0}#loader-wrapper{align-items:center;background:#050505f2;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .8s ease-out,visibility .8s;width:100%;z-index:9999}#loader-wrapper.loaded-fade-out{opacity:0;pointer-events:none;visibility:hidden}.loading-ui{left:50%;position:fixed;text-align:left;top:50%;transform:translate(-50%,-50%);width:300px;z-index:10}.loading-text{color:#b026ff;color:var(--neon-purple);display:flex;font-weight:700;justify-content:space-between;margin-bottom:10px;text-shadow:0 0 5px #b026ff;text-shadow:0 0 5px var(--neon-purple)}.loading-track{background:#111;border:2px solid #333;box-shadow:0 0 10px #00000080;height:16px;padding:2px;position:relative;transform:skewX(-25deg);width:100%}.loading-fill{background:linear-gradient(90deg,#b026ff,#ff003c);background:linear-gradient(90deg,var(--neon-purple),var(--neon-pink));box-shadow:0 0 15px #b026ff;box-shadow:0 0 15px var(--neon-purple);height:100%;overflow:hidden;position:relative;transition:width .05s linear;width:0}.loading-fill:after{animation:loadingScan 2s linear infinite;background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";height:100%;left:-50%;position:absolute;top:0;width:50%}@keyframes loadingScan{0%{left:-50%}to{left:150%}}.loading-status{animation:blink 1s infinite;color:#666;color:var(--text-dim);font-size:.7rem;margin-top:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.cyber-container{grid-template-columns:300px 1fr;max-width:1200px;opacity:0;position:relative;transition:opacity .5s ease-in;z-index:1}.cyber-container.content-visible{opacity:1}.cyber-card{animation-fill-mode:forwards;background-color:#0a0a0a;background-color:var(--card-bg);border:1px solid #333;box-shadow:0 0 10px #00000080;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);opacity:0;padding:20px;position:relative;transform:translateY(30px) scale(.98);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background-color .3s}.cyber-card.animate-in{animation:system-boot-flash .8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes system-boot-flash{0%{border-color:#0000;box-shadow:none;opacity:0;transform:translateY(30px) scale(.98)}50%{background-color:#00f3ff1a;border-color:#00f3ff;border-color:var(--neon-cyan);box-shadow:0 0 30px #00f3ff,inset 0 0 20px #00f3ff4d;box-shadow:0 0 30px var(--neon-cyan),inset 0 0 20px #00f3ff4d;filter:brightness(1.2);opacity:1;transform:translateY(0) scale(1)}to{background-color:#0a0a0a;background-color:var(--card-bg);border-color:#333;box-shadow:0 0 10px #00000080;filter:brightness(1);opacity:1;transform:translateY(0) scale(1)}}.cyber-card:hover{background-color:#00f3ff08;border-color:#00f3ff;border-color:var(--neon-cyan);box-shadow:0 5px 25px #00f3ff26;transform:translateY(-5px) scale(1.01);z-index:5}.cyber-card:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.cyber-card:hover:before{left:100%}.cyber-card:after{background:#00f3ff;background:var(--neon-cyan);bottom:0;-webkit-clip-path:polygon(0 100%,100% 0,100% 100%);clip-path:polygon(0 100%,100% 0,100% 100%);content:"";height:20px;position:absolute;right:0;transition:background .3s;width:20px}.cyber-card:hover:after{background:#ff003c;background:var(--neon-pink);box-shadow:0 0 10px #ff003c;box-shadow:0 0 10px var(--neon-pink)}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.profile-pic-container{aspect-ratio:1;background:#222;border:2px solid #ff003c;border:2px solid var(--neon-pink);overflow:hidden;position:relative;width:100%}.profile-pic-container img{filter:grayscale(50%) contrast(1.2);height:100%;object-fit:cover;transition:filter .3s;width:100%}.profile-pic-container:hover img{filter:grayscale(0) contrast(1)}.glitch-name{animation:glitch 1s infinite;font-size:2rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:2px 2px #ff003c,-2px -2px #00f3ff;text-shadow:2px 2px var(--neon-pink),-2px -2px var(--neon-cyan);text-transform:uppercase}.role-tag{background:#fe0;background:var(--neon-yellow);color:#000;display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:1rem;padding:2px 8px}.contact-list{list-style:none}.contact-list li{border-left:2px solid #00f3ff;border-left:2px solid var(--neon-cyan);margin-bottom:10px;transition:all .2s}.contact-list li a{color:#666;color:var(--text-dim);display:block;padding-left:10px;text-decoration:none;transition:color .2s}.contact-list li:hover{border-color:#ff003c;border-color:var(--neon-pink)}.contact-list li:hover a{color:#00f3ff;color:var(--neon-cyan);text-shadow:0 0 5px #00f3ff;text-shadow:0 0 5px var(--neon-cyan)}.main-content{display:flex;flex-direction:column;gap:2rem}h2.section-title{border-bottom:1px solid #00f3ff;border-bottom:1px solid var(--neon-cyan);color:#00f3ff;color:var(--neon-cyan);display:flex;font-size:1.2rem;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}h2.section-title span{align-self:flex-end;font-size:.7rem;opacity:.6}.skill-bar{margin-bottom:15px}.skill-name{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:5px}.progress-track{height:10px;position:relative;width:100%}.progress-fill{background:#ff003c;background:var(--neon-pink);box-shadow:0 0 10px #ff003c;box-shadow:0 0 10px var(--neon-pink);transition:width 1s ease-in-out;width:0}.project-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.project-item{background:#ffffff05;border:1px solid #333;color:inherit;cursor:pointer;display:block;overflow:hidden;padding:10px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.project-item h3{color:#fe0;color:var(--neon-yellow);font-size:1rem;margin-bottom:5px;transition:color .3s}.project-item:hover{background:#00f3ff0d;border-color:#00f3ff;border-color:var(--neon-cyan);box-shadow:0 4px 20px #00f3ff26;transform:translateY(-5px) scale(1.02)}.project-item:hover h3{color:#00f3ff;color:var(--neon-cyan);text-shadow:0 0 5px #00f3ff;text-shadow:0 0 5px var(--neon-cyan)}.project-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%;z-index:1}.project-item:hover:before{left:100%}@keyframes glitch{0%{text-shadow:2px 2px #ff003c,-2px -2px #00f3ff;text-shadow:2px 2px var(--neon-pink),-2px -2px var(--neon-cyan)}50%{text-shadow:2px -2px #ff003c,-2px 2px #00f3ff;text-shadow:2px -2px var(--neon-pink),-2px 2px var(--neon-cyan)}to{text-shadow:2px 2px #ff003c,-2px -2px #00f3ff;text-shadow:2px 2px var(--neon-pink),-2px -2px var(--neon-cyan)}}.device-status{background:#0000004d;border:1px solid #333;margin-top:15px;padding:10px;position:relative;transition:all .3s ease}.device-status.online{border-color:#00f3ff;border-color:var(--neon-cyan);box-shadow:0 0 10px #00f3ff33}.device-status.offline{background:#4444441a;border-color:#444;border-color:var(--offline-gray)}.device-name{align-items:center;color:#fe0;color:var(--neon-yellow);display:flex;font-weight:700;gap:8px;margin-bottom:5px}.status-indicator{animation:pulse 2s infinite;border-radius:50%;display:inline-block;height:8px;width:8px}.status-indicator.online{background:#00f3ff;background:var(--neon-cyan);box-shadow:0 0 5px #00f3ff;box-shadow:0 0 5px var(--neon-cyan)}.status-indicator.offline{animation:none;background:#444;background:var(--offline-gray)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.app-info{color:#666;color:var(--text-dim);font-size:1rem;margin-top:3px}.offline-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000073}.offline-box{border-radius:6px;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:3px;padding:10px 24px;text-shadow:0 0 8px #ff003c;text-shadow:0 0 8px var(--neon-pink)}.update-time{color:#666;color:var(--text-dim);font-size:.7rem;margin-top:8px;opacity:.7;text-align:right}.device-card{margin-bottom:1.5rem}.screen-off{color:#ff003c;color:var(--neon-pink);font-weight:700}.offline-overlay{align-items:center;background:#444444d9;color:#444;color:var(--offline-gray);display:flex;font-size:1.2rem;inset:0;justify-content:center;letter-spacing:2px;position:absolute;z-index:10}.flex-line{display:flex;justify-content:space-between;margin-bottom:10px}.cyber-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 3fr;overflow-x:hidden;width:100%}@media (max-width:768px){.cyber-container{grid-template-columns:1fr}}.globe-wrap{filter:brightness(1.8) drop-shadow(0 0 30px rgba(0,243,255,.8))}.cyber-footer{background-color:#0a0a0a;background-color:var(--card-bg);border-top:1px solid #00f3ff;border-top:1px solid var(--neon-cyan);box-shadow:0 -5px 15px #00f3ff1a;color:#666;color:var(--text-dim);flex-shrink:0;font-size:.8rem;margin:2rem auto 0;max-width:1200px;padding:15px 20px;text-align:center;width:100%;z-index:5}.footer-content p{margin:5px 0}.status-line{animation:text-pulse 3s infinite alternate;color:#00f3ff;color:var(--neon-cyan);font-weight:700;letter-spacing:1px;text-shadow:0 0 5px #00f3ff;text-shadow:0 0 5px var(--neon-cyan)}@keyframes text-pulse{0%{opacity:.8}to{opacity:1;text-shadow:0 0 15px #00f3ffb3}}@media (max-width:768px){.cyber-footer{font-size:.7rem;max-width:100%;padding:10px}}.device-pair{display:flex;gap:1.5rem}.device-unit{background:#0000004d;border:1px solid #333;flex:1 1;padding:15px;position:relative;transition:border-color .3s}.device-unit.online{border-color:#00f3ff;border-color:var(--neon-cyan)}.device-unit.offline{border-color:#444;border-color:var(--offline-gray)}.kv-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.kv-item{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.kv-item span:first-child{color:#666;color:var(--text-dim)}.kv-item span:last-child{color:#e0e0e0;color:var(--text-main);font-weight:600}.progress-row{align-items:center;display:flex;gap:8px;width:50%}.progress-track{background:#222;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease}.progress-text{font-size:.75rem;min-width:32px;text-align:right}@media (max-width:768px){.device-pair{flex-direction:column}.progress-row{width:70%}}
/*# sourceMappingURL=main.d0005806.css.map*/