@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";.loading-screen.hud-mode{position:fixed;top:0;right:0;bottom:0;left:0;background:#00040a;z-index:999999999;display:flex;align-items:center;justify-content:center;font-family:Geist,JetBrains Mono,monospace;overflow:hidden;color:#0ea5e9;will-change:transform}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:5}.huge-progress-bg{position:absolute;font-size:40vw;font-weight:900;color:#0ea5e908;line-height:1;pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none;transition:transform .2s ease-out;will-change:transform}.bg-data-stream{position:absolute;top:0;bottom:0;width:150px;padding:20px;display:flex;flex-direction:column;gap:10px;opacity:.15;font-size:10px;pointer-events:none;z-index:2;overflow:hidden}.bg-data-stream.left{left:0}.bg-data-stream.right{right:0}.data-line{white-space:nowrap;animation:dataFlicker 4s infinite}@keyframes dataFlicker{0%,to{opacity:.3;transform:translate(0)}50%{opacity:1;transform:translate(5px)}70%{opacity:.5}}.loading-container.full-page{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10}.hud-corner{position:absolute;padding:25px;display:flex;flex-direction:column;gap:15px;z-index:20}.top-left{top:0;left:0}.top-right{top:0;right:0}.bottom-left{bottom:80px;left:0}.bottom-right{bottom:80px;right:0}.corner-bracket{position:absolute;width:40px;height:40px;border:2px solid #0ea5e9;opacity:.5}.top-left .corner-bracket{top:20px;left:20px;border-right:none;border-bottom:none}.top-right .corner-bracket{top:20px;right:20px;border-left:none;border-bottom:none}.bottom-left .corner-bracket{bottom:20px;left:20px;border-right:none;border-top:none}.bottom-right .corner-bracket{bottom:20px;right:20px;border-left:none;border-top:none}.hud-stat{display:flex;flex-direction:column;gap:4px}.hud-stat .label{font-size:9px;font-weight:700;letter-spacing:2px;opacity:.5}.hud-stat .value{font-size:13px;font-weight:600;letter-spacing:1px}.text-right{align-items:flex-end}.status-ok{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.5)}.battery-bar{width:60px;height:8px;border:1px solid rgba(14,165,233,.3);padding:1px}.battery-fill{height:100%;background:#0ea5e9;transition:width .3s ease}.avs-core-wrapper{position:relative;width:450px;height:450px;display:flex;align-items:center;justify-content:center;perspective:1000px;will-change:transform}.core-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.core-ring{position:absolute;border:1px solid rgba(14,165,233,.2);border-radius:50%;will-change:transform}.ring-outer{width:100%;height:100%;border-width:1px;border-style:dashed;animation:rotateCW 20s linear infinite}.ring-mid{width:85%;height:85%;border-width:2px;border-color:#0ea5e91a;border-top-color:#0ea5e9;animation:rotateCCW 15s linear infinite}.ring-inner{width:70%;height:70%;border-width:1px;border-color:#0ea5e94d;animation:rotateCW 10s linear infinite}.ring-dash{width:92%;height:92%;border:2px dashed rgba(14,165,233,.1);animation:rotateCCW 30s linear infinite}@keyframes rotateCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCCW{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.core-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:2}.core-logo{font-size:24px;font-weight:900;letter-spacing:4px;text-indent:4px;color:#fff;text-shadow:0 0 20px rgba(14,165,233,.8);position:relative;animation:logoPulse 2s ease-in-out infinite;text-align:center;max-width:300px;will-change:transform,opacity}.core-logo:before,.core-logo:after{content:"WELCOME TO MY PORTFOLIO";position:absolute;top:0;left:0;width:100%}.core-logo:before{color:#0ff;z-index:-1;animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite}.core-logo:after{color:#f0f;z-index:-2;animation:glitch .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes logoPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.3)}}.core-status-text{font-size:12px;font-weight:700;letter-spacing:4px;opacity:.7;height:14px}.core-progress-display{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.core-svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.core-track{fill:none;stroke:#ffffff0d;stroke-width:2}.core-fill{fill:none;stroke:#0ea5e9;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 10px #0ea5e9);transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.core-percent{display:flex;align-items:baseline;gap:2px}.core-percent .num{font-size:48px;font-weight:200;color:#fff}.core-percent .unit{font-size:18px;color:#0ea5e9;font-weight:700}.core-glow-field{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 70%);border-radius:50%;filter:blur(40px);z-index:1}.hud-bottom-bar{position:absolute;bottom:0;left:0;right:0;height:60px;background:#0ea5e90d;border-top:1px solid rgba(14,165,233,.2);padding:0 40px;display:flex;flex-direction:column;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bar-label-group{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:2px}.bar-container{height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#38bdf8);position:relative;transition:width .3s ease}.bar-glow-tip{position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(90deg,transparent,#fff);opacity:.5;filter:blur(4px)}.hud-enter-action{position:absolute;bottom:120px;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .8s cubic-bezier(.19,1,.22,1);z-index:30}.hud-enter-action.active{opacity:1;transform:translateY(0);pointer-events:auto}.hud-button{position:relative;padding:20px 60px;background:transparent;border:none;cursor:pointer;overflow:hidden}.btn-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0ea5e9;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);transition:all .3s ease}.btn-text{position:relative;z-index:2;font-size:14px;font-weight:800;color:#000;letter-spacing:4px}.hud-button:hover .btn-bg{transform:scaleX(1.1);background:#fff}.btn-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:#0ea5e9;filter:blur(20px);opacity:.3;transition:all .3s ease}.hud-button:hover .btn-glow{opacity:.6;filter:blur(30px)}@media (max-width: 768px){.avs-core-wrapper{width:300px;height:300px}.core-logo{font-size:40px}.core-progress-display{width:150px;height:150px}.core-percent .num{font-size:32px}.hud-corner{padding:15px}.huge-progress-bg{font-size:60vw}}.project-detail-container{min-height:100vh;background:#05080a;color:#fff;padding:100px 10%;position:relative;z-index:100}.back-btn{font-size:10px;letter-spacing:4px;color:#fff6;cursor:pointer;margin-bottom:80px;width:fit-content;transition:color .3s}.back-btn:hover{color:#fff}.detail-hero{margin-bottom:150px}.detail-cat{font-size:12px;letter-spacing:8px;text-transform:uppercase;color:#ffffff4d;margin-bottom:20px}.detail-hero-title{font-size:clamp(48px,12vw,120px);font-weight:100;letter-spacing:-5px;line-height:.9;margin-bottom:60px}.detail-meta-row{display:flex;gap:100px;border-top:1px solid rgba(255,255,255,.1);padding-top:40px}.detail-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.detail-action-btn{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:3px;text-decoration:none;color:#ffffffe6;padding:10px 14px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;transition:transform .3s ease,background .3s ease,border-color .3s ease}.detail-action-btn:hover{transform:translateY(-2px);background:#ffffff14;border-color:#ffffff4d}.detail-action-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.meta-item{display:flex;flex-direction:column;gap:10px}.meta-item .label{font-size:9px;letter-spacing:3px;color:#fff3}.meta-item .value{font-size:14px;letter-spacing:1px}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:150px}.detail-content h2{font-size:10px;letter-spacing:5px;color:#fff3;margin-bottom:30px}.desc-section p{font-size:20px;line-height:1.6;font-weight:300;color:#fffc}.features-section ul{list-style:none;padding:0}.features-section li{font-size:18px;margin-bottom:15px;padding-left:20px;position:relative}.features-section li:before{content:"";position:absolute;left:0;top:12px;width:10px;height:1px;background:#fff}.detail-footer-scan{position:fixed;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);animation:scanLineMove 4s infinite}@keyframes scanLineMove{0%{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:.2}to{transform:scaleX(0);opacity:0}}@media (max-width: 1024px){.detail-content{grid-template-columns:1fr;gap:80px}}:root{font-family:Geist,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.5;color-scheme:light dark;color:#eae5ec;background-color:var(--backgroundColor);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-moz-user-select:none;--accentColor: #ffffff;--backgroundColor: #000000;--secondaryColor: #1a1a1a;--vh: 100vh;--vh: 100svh}h1,h2,h3,h4,h5,h6{font-family:Geist,sans-serif}body{overflow-y:auto}a{color:inherit;text-decoration:inherit}a:hover{color:var(--accentColor)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;background:#000!important}main{opacity:1;transition:.3s}.main-active{opacity:0;animation:revealIn 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes revealIn{to{opacity:1}}body{margin:0;height:auto;background-color:#000!important;flex-grow:1;--cWidth: calc(100% - 30px) ;--cMaxWidth: 1920px;max-width:100vw;overflow-x:hidden}.main-body{max-width:100vw;overflow-x:hidden;min-height:100vh}.container-main{width:100%;margin:auto;position:relative}.container1{width:var(--cWidth);height:var(--vh);margin:auto;position:relative}.split-line{overflow:hidden}.split-h2{overflow:hidden;display:flex;white-space:nowrap;flex-wrap:nowrap}@media screen and (min-width: 768px){body{--cWidth: 94%}}
