:root{--neon-blue: #00f3ff;--neon-purple: #bc13fe;--glass-bg: rgba(8, 14, 25, .85);--glass-border: rgba(0, 243, 255, .3);--text-main: #ffffff;--text-dim: #8b9bb4;--header-height: 60px;--nav-height: 70px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#050505;font-family:Segoe UI,sans-serif;color:var(--text-main);overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;cursor:none}input,textarea{user-select:text;-webkit-user-select:text;cursor:none}a,button{cursor:none}#mr-preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0a1525,#02050a);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;visibility:visible;transition:all .8s cubic-bezier(.645,.045,.355,1)}#mr-preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}.preloader-glass-panel{position:relative;width:350px;height:450px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,243,255,.2);border-radius:15px;box-shadow:0 0 40px #00f3ff1a,inset 0 0 20px #00f3ff0d;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:30px}.scanner-line{position:absolute;top:-10%;left:0;width:100%;height:20px;background:linear-gradient(to bottom,transparent,var(--neon-blue),transparent);opacity:.5;animation:scanDown 3s ease-in-out infinite}@keyframes scanDown{0%{top:-10%;opacity:0}10%{opacity:.8}90%{opacity:.8}to{top:110%;opacity:0}}.loader-ring-container{position:relative;width:120px;height:120px;margin-bottom:40px}.loader-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:var(--neon-blue);border-right-color:#00f3ff4d;border-radius:50%;animation:spin 1.5s linear infinite}.loader-ring-glow{position:absolute;width:100%;height:100%;border-radius:50%;box-shadow:0 0 20px var(--neon-blue),inset 0 0 20px var(--neon-blue);opacity:.3;animation:pulse 2s ease-in-out infinite alternate}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.2;transform:scale(.9)}to{opacity:.5;transform:scale(1.05)}}.loading-data{text-align:center;color:var(--neon-blue);font-family:Courier New,monospace;letter-spacing:2px;z-index:2}.loading-text{font-size:.9rem;margin-bottom:10px;opacity:.8}.loading-percentage{font-size:3rem;font-weight:700;text-shadow:0 0 15px var(--neon-blue)}.data-footer{position:absolute;bottom:20px;width:90%;display:flex;justify-content:space-between;font-family:Courier New,monospace;font-size:.6rem;color:#00f3ff80;border-top:1px solid rgba(0,243,255,.2);padding-top:10px}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}#app-container{position:relative;z-index:10;width:100vw;height:100dvh;display:flex;flex-direction:column}.stage-area{flex:1;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;margin-top:30px}.hud-header{height:var(--header-height);background:linear-gradient(90deg,#02050af2,#0a1a2ef2,#02050af2);border-bottom:1px solid rgba(0,243,255,.15);display:flex;justify-content:space-between;align-items:center;padding:0 30px;position:relative;box-shadow:0 5px 15px #00000080;z-index:100}.hud-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--neon-blue) 40%,var(--neon-blue) 60%,transparent 100%);opacity:.7;box-shadow:0 0 10px var(--neon-blue)}.header-center{position:absolute;left:50%;top:0;transform:translate(-50%);height:100%;display:flex;justify-content:center;pointer-events:none}.header-center-tab{height:120%;min-width:250px;background:linear-gradient(to bottom,#0f2a40,#050a14);border-bottom:2px solid var(--neon-blue);color:var(--neon-blue);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);display:flex;align-items:center;justify-content:center;padding-bottom:5px;filter:drop-shadow(0 0 5px rgba(0,243,255,.3))}.header-center-tab span{font-family:Courier New,monospace;font-weight:700;letter-spacing:3px;font-size:.9rem;text-shadow:0 0 5px var(--neon-blue);margin-top:5px}.brand{color:#fff;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px;text-shadow:0 0 5px rgba(255,255,255,.3)}.brand .icon{color:var(--neon-blue);font-size:1.2rem}.status-indicator{color:#0fa;font-size:.8rem;font-family:monospace;background:#00ffaa1a;padding:4px 10px;border:1px solid rgba(0,255,170,.3);border-radius:4px}.blink{animation:blink 2s infinite;margin-right:5px}.hud-nav{position:fixed;bottom:0;left:0;width:100%;height:var(--nav-height);z-index:9999;background:#050a14f2;border-top:1px solid rgba(0,243,255,.15);display:flex;justify-content:center;align-items:center;padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box}.nav-btn{flex:1;background:transparent;border:none;color:var(--text-dim);font-weight:700;cursor:pointer;transition:all .3s;height:70px;border-top:2px solid transparent}.nav-btn.active{color:var(--neon-blue);background:#00f3ff1a;border-top-color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}#system-clock{font-family:Courier New,monospace;font-weight:700;font-size:1rem;letter-spacing:1px;min-width:80px;display:inline-block}.sci-fi-card{position:absolute;width:90%;max-width:900px;height:75vh;background:#11c1d831;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;clip-path:polygon(0 0,calc(100% - 50px) 0,100% 50px,100% 100%,50px 100%,0 calc(100% - 50px));padding:20px;display:flex;flex-direction:column;opacity:0;pointer-events:none;z-index:1;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s ease;box-shadow:0 0 15px #00f3ff33}.sci-fi-card:before{content:"";position:absolute;inset:2px;background-color:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(0 0,calc(100% - 50px) 0,100% 50px,100% 100%,50px 100%,0 calc(100% - 50px));z-index:-1}.sci-fi-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;background:linear-gradient(45deg,transparent 48%,var(--neon-blue) 49%,var(--neon-blue) 51%,transparent 52%),linear-gradient(45deg,transparent 48%,var(--neon-blue) 49%,var(--neon-blue) 51%,transparent 52%);background-size:60px 60px;background-repeat:no-repeat;background-position:bottom left,top right;opacity:.5}.sci-fi-card.active{opacity:1;pointer-events:auto;transform:translate(0) scale(1) translateZ(0);z-index:10}.sci-fi-card.off-left{opacity:0;transform:translate(-70%) translateY(30%) scale(.3) translateZ(0);pointer-events:none}.sci-fi-card.off-right{opacity:0;transform:translate(70%) translateY(30%) scale(.3) translateZ(0);pointer-events:none}.card-decoration.top-left{position:absolute;top:0;left:0;width:30px;height:30px;border-top:2px solid var(--neon-blue);border-left:2px solid var(--neon-blue)}.card-decoration.bottom-right{position:absolute;bottom:0;right:0;width:40px;height:10px;background:var(--neon-blue);transform:skew(-45deg);opacity:.5}.card-content{flex:1;overflow-y:auto;padding-right:5px}.card-content::-webkit-scrollbar{width:4px}.card-content::-webkit-scrollbar-thumb{background:var(--neon-blue);border-radius:2px}@media(min-width:1024px){.sci-fi-card{max-width:900px;height:70vh}}h1{color:#fff;font-size:1.8rem;text-align:center}h3{color:var(--neon-blue);border-bottom:1px solid rgba(0,243,255,.2);padding-bottom:5px;margin-top:20px}.tag{display:block;text-align:center;color:var(--neon-purple);letter-spacing:2px;font-size:.8rem}p{color:var(--text-dim);line-height:1.6;margin-top:10px;font-size:1rem}.stats-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:20px 0}.stat-box{text-align:center;border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:4px;width:150PX}.stat-box label{display:block;font-size:.7rem;color:var(--neon-blue)}.hud-form input,.hud-form textarea{width:100%;background:#0000004d;border:1px solid var(--glass-border);color:#fff;padding:10px;margin-bottom:15px}.btn-action{width:100%;padding:15px;background:var(--neon-purple);color:#fff;border:none;font-weight:700;clip-path:polygon(0 0,100% 0,100% 70%,95% 100%,0 100%);cursor:pointer}.projects-list-layout{display:flex;flex-direction:column;gap:15px;padding-bottom:40px;width:100%}.project-list-item{display:flex;align-items:center;justify-content:space-between;background:#0a141e99;border:1px solid rgba(0,243,255,.1);border-left:3px solid transparent;border-radius:8px;padding:20px;transition:all .3s ease}.project-list-item:hover{background:#00f3ff0d;border-left-color:var(--neon-blue);transform:translate(5px)}.list-content{flex:1;padding-right:20px}.list-header{display:flex;align-items:center;gap:10px;margin-bottom:5px}.list-id{font-family:Courier New,monospace;color:var(--neon-purple);font-size:.8rem;font-weight:700;opacity:.7}.list-header h3{margin:0;font-size:1.1rem;color:#fff;letter-spacing:.5px}.list-desc{font-size:.9rem;color:#8b9bb4;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.list-action{flex-shrink:0}.list-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid var(--neon-blue);color:var(--neon-blue);text-decoration:none;font-size:.8rem;font-weight:700;border-radius:4px;transition:all .2s ease}.list-btn .arrow{transition:transform .2s ease}.list-btn:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 10px var(--neon-blue)}.list-btn:hover .arrow{transform:translate(4px)}@media(max-width:480px){.project-list-item{flex-direction:column;align-items:flex-start;gap:15px}.list-action{width:100%;text-align:right}.list-content{padding-right:0}}.timeline-container{border-left:2px solid rgba(0,243,255,.2);padding-left:15px;margin-left:5px}.timeline-item{position:relative;margin-bottom:15px}.timeline-item:before{content:"";position:absolute;left:-20px;top:5px;width:8px;height:8px;background:var(--neon-blue);border-radius:50%;box-shadow:0 0 5px var(--neon-blue)}.timeline-date{font-size:.75rem;color:var(--neon-purple);font-family:monospace;display:block;margin-bottom:2px}.timeline-role{color:#fff;font-size:.95rem;margin:0}.timeline-company{color:#8b9bb4;font-size:.85rem}.edu-item{background:#ffffff0d;border:1px solid rgba(0,243,255,.1);padding:10px;margin-bottom:8px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;gap:5px}.edu-degree{color:var(--neon-blue);font-size:.85rem;font-weight:700}.edu-school{color:#fff;font-size:.8rem;text-align:right}#custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;border:2px solid var(--neon-blue);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10002;box-shadow:0 0 10px var(--neon-blue);transition:width .2s,height .2s,background-color .2s;mix-blend-mode:screen}#custom-cursor.clicking{width:15px;height:15px;background-color:var(--neon-purple);border-color:var(--neon-purple);box-shadow:0 0 20px var(--neon-purple)}body.immersive-mode .sci-fi-card{pointer-events:auto!important;opacity:1!important;z-index:20!important}body.immersive-mode .stage-area{pointer-events:auto!important}body.immersive-mode .hud-nav,body.immersive-mode .hud-header{pointer-events:auto!important;opacity:1!important}body.immersive-mode #bg-canvas{opacity:.8;transition:filter .5s ease;z-index:50;pointer-events:none}.blink{animation:blink 2s infinite}.sci-fi-card.slide-in-right{animation:slideInRight .4s cubic-bezier(.2,.8,.2,1) forwards}.sci-fi-card.slide-in-left{animation:slideInLeft .4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}:root{--chat-width: 350px;--chat-height: 500px;--msg-bot-bg: rgba(0, 243, 255, .1);--msg-user-bg: rgba(188, 19, 254, .15)}.cyber-trigger{position:fixed;bottom:60px;right:30px;width:60px;height:60px;background:#050a14cc;border:2px solid var(--neon-blue);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:9990;box-shadow:0 0 15px #00f3ff4d;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cyber-trigger:hover{transform:scale(1.1);box-shadow:0 0 25px var(--neon-blue);background:var(--neon-blue)}.trigger-icon{font-size:1.5rem;filter:drop-shadow(0 0 5px var(--neon-blue))}.trigger-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid var(--neon-blue);animation:pulse-ring 2s infinite;opacity:0}@keyframes pulse-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}.sci-fi-chat-panel{position:fixed;bottom:100px;right:30px;width:var(--chat-width);height:var(--chat-height);background:#0a141ed9;border:1px solid rgba(0,243,255,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:10px;box-shadow:0 10px 30px #00000080,inset 0 0 20px #00f3ff0d;display:flex;flex-direction:column;overflow:hidden;z-index:9991;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:bottom right;opacity:1;transform:scale(1) translateY(0)}.sci-fi-chat-panel.hidden{opacity:0;transform:scale(.8) translateY(20px);pointer-events:none}.chat-header{padding:15px;background:linear-gradient(90deg,rgba(0,243,255,.1),transparent);border-bottom:1px solid rgba(0,243,255,.2);display:flex;justify-content:space-between;align-items:center;font-family:Courier New,monospace}.chat-title{color:var(--neon-blue);font-weight:700;letter-spacing:1px}.chat-status{font-size:.7rem;color:#0fa}.close-btn{background:none;border:none;color:var(--neon-blue);font-size:1.5rem;cursor:pointer;transition:.3s}.close-btn:hover{color:#fff;text-shadow:0 0 10px white}.chat-history{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.message{display:flex;width:100%}.msg-bubble{max-width:85%;padding:10px 15px;border-radius:12px;font-size:.9rem;line-height:1.4;position:relative;word-wrap:break-word}.message.bot{justify-content:flex-start}.message.bot .msg-bubble{background:var(--msg-bot-bg);border:1px solid rgba(0,243,255,.2);color:#e0f7ff;border-bottom-left-radius:2px}.message.user{justify-content:flex-end}.message.user .msg-bubble{background:var(--msg-user-bg);border:1px solid rgba(188,19,254,.3);color:#f0e0ff;border-bottom-right-radius:2px;text-align:right}.chat-input-zone{padding:15px;border-top:1px solid rgba(0,243,255,.1);display:flex;gap:10px;background:#0003}#chat-input-field{flex:1;background:#ffffff0d;border:1px solid rgba(0,243,255,.2);color:#fff;padding:10px;border-radius:4px;resize:none;font-family:inherit;outline:none;transition:.3s}#chat-input-field:focus{border-color:var(--neon-blue);box-shadow:0 0 10px #00f3ff33}.typing-indicator{padding:5px 15px;font-size:.75rem;color:var(--neon-blue);font-family:monospace;opacity:.7}.typing-indicator.hidden{display:none}.typing-indicator span{animation:blink 1.4s infinite both}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000001a}.custom-scrollbar::-webkit-scrollbar-thumb{background:#00f3ff4d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}@media(max-width:480px){.sci-fi-chat-panel{width:100%;height:100dvh;bottom:0;right:0;border-radius:0}.cyber-trigger{bottom:60px;right:20px}}.trigger-icon,.chat-title .icon{filter:drop-shadow(0 0 5px var(--neon-blue)) hue-rotate(180deg) brightness(1.5)}.theme-menu{position:fixed;width:280px;background:#050a0ff2;border:1px solid var(--neon-blue);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10000;box-shadow:0 0 20px #000c,0 0 10px var(--neon-blue);border-radius:5px;padding:0;font-family:Courier New,monospace;color:var(--neon-blue);opacity:0;pointer-events:none;transform:scale(.9);transition:opacity .2s,transform .2s}.theme-menu.active{opacity:1;pointer-events:all;transform:scale(1)}.theme-header{background:#00f3ff1a;padding:10px 15px;border-bottom:1px solid rgba(0,243,255,.2);display:flex;justify-content:space-between;align-items:center;font-weight:700;letter-spacing:2px}.theme-body{padding:15px;display:flex;flex-direction:column;gap:15px}.control-group{display:flex;flex-direction:column;gap:5px}.control-group label{font-size:.8rem;opacity:.8}.color-wrapper{display:flex;align-items:center;gap:10px}input[type=color]{-webkit-appearance:none;border:none;width:40px;height:30px;background:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid var(--neon-blue);border-radius:4px}.hex-value{font-size:.8rem;opacity:.6}.cyber-btn.small{padding:5px 10px;font-size:.8rem;min-height:auto}.resume-wrapper{height:auto;overflow-y:auto;padding-right:10px;margin-bottom:30px;font-family:Courier New,monospace;color:var(--text-main)}.resume-header{text-align:center;border-bottom:2px solid var(--neon-blue);padding-bottom:15px;margin-bottom:20px}.resume-name{font-size:1.8rem;font-weight:700;color:var(--neon-blue);text-transform:uppercase;letter-spacing:2px}.resume-subtitle{font-size:.9rem;color:var(--text-dim);margin-top:5px}.resume-contact{font-size:.8rem;margin-top:5px;opacity:.8}.resume-section{margin-bottom:25px}.section-title{font-size:1rem;color:var(--neon-blue);border-bottom:1px solid rgba(0,243,255,.3);padding-bottom:5px;margin-bottom:10px;text-transform:uppercase;font-weight:700}.resume-summary{font-size:.85rem;line-height:1.5;text-align:justify}.skills-grid{display:grid;grid-template-columns:1fr;gap:8px;font-size:.85rem}.skill-line strong{color:#fff}.job-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.job-role{font-weight:700;color:#fff;font-size:.95rem}.job-date{font-size:.8rem;color:var(--neon-blue)}.job-company{font-style:italic;color:var(--text-dim);font-size:.85rem;margin-bottom:5px;display:block}.job-desc ul{margin:0;padding-left:20px}.job-desc li{font-size:.85rem;margin-bottom:4px;line-height:1.4}.export-section{display:flex;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px dashed var(--neon-blue)}.challenge-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;background:#050a14f2;border:1px solid var(--neon-blue);padding:20px;z-index:10001;box-shadow:0 0 30px #000c;display:flex;flex-direction:column;align-items:center;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.challenge-modal.hidden{display:none}.avatar-container{font-size:4rem;margin-bottom:15px;position:relative}.avatar-glasses{position:absolute;top:12px;left:0;width:100%;text-align:center;font-size:4rem;pointer-events:none;color:var(--neon-blue);text-shadow:0 0 5px var(--neon-blue)}.challenge-question{font-size:1.1rem;color:#fff;font-weight:700;margin:15px 0;text-transform:uppercase;border-bottom:1px solid var(--neon-blue);padding-bottom:10px;width:100%}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:15px}.option-btn{background:#00f3ff1a;border:1px solid var(--neon-blue);color:var(--neon-blue);padding:12px 5px;font-family:Courier New,monospace;font-size:.9rem;cursor:pointer;transition:all .2s;text-transform:uppercase;font-weight:700}.option-btn:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 10px var(--neon-blue)}.option-btn.selected{background:var(--neon-blue);color:#050a14;box-shadow:0 0 15px var(--neon-blue);border-color:#fff;transform:scale(.98)}.options-grid.locked{pointer-events:none;opacity:.7}.challenge-feedback{height:20px;font-size:.85rem;margin-bottom:10px;font-weight:700}.feedback-error{color:#f33;animation:shake .3s}.feedback-success{color:#0fa}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}@media print{@page{margin:1cm;size:A4}html,body{height:100%;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}body>*:not(#print-area){display:none!important}#print-area{display:block!important;position:relative!important;width:100%!important;height:auto!important;left:0!important;top:0!important;background:#fff!important;color:#000!important;font-family:Helvetica Neue,Arial,sans-serif!important;font-size:10pt!important;line-height:1.3!important;z-index:99999}.resume-wrapper{height:auto!important;overflow:visible!important;max-height:none!important;width:100%!important;margin:0!important;padding:0!important;display:block!important;border:none!important}.resume-header{text-align:center;border-bottom:2px solid #000!important;margin-bottom:20px!important;padding-bottom:10px!important}.resume-name{font-size:22pt!important;font-weight:800!important;text-transform:uppercase;margin:0!important;color:#000!important}.resume-subtitle{font-size:11pt!important;margin-top:5px!important;color:#000!important}.resume-contact{font-size:9pt!important;margin-top:2px!important;color:#333!important}.section-title{font-size:11pt!important;font-weight:800!important;border-bottom:1px solid #000!important;margin-top:25px!important;margin-bottom:10px!important;text-transform:uppercase;color:#000!important}.job-item{margin-bottom:15px!important;page-break-inside:avoid}.resume-summary,.job-desc li,.skill-line,.job-company{text-align:justify;color:#000!important}.job-role{font-weight:800!important;color:#000!important}.job-date{float:right;font-weight:700!important;color:#000!important}.export-section,.challenge-modal{display:none!important}a{text-decoration:none;color:#000!important}}