@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--color-bg-deep:#02040a;--color-bg-surface:#0a0f1e66;--color-primary-text:#f0f4f8;--color-secondary-text:#94a3b8;--color-accent-cyan:#00f0ff;--color-accent-gold:#f5c051;--color-border:#ffffff14;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--glass-bg:#ffffff05;--glass-border:1px solid #ffffff0d;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(12px);--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--color-bg-deep);width:100%;height:100%;color:var(--color-primary-text);font-family:var(--font-body);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-cyan)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#00f0ff4d;transform:translateY(-5px);box-shadow:0 15px 40px #00f0ff1a}.text-gradient{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-cyan{background:linear-gradient(135deg, var(--color-accent-cyan) 0%, #07f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg, var(--color-accent-gold) 0%, #ff8c00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-premium{font-family:var(--font-heading);color:var(--color-primary-text);transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn-premium:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.btn-premium:hover{border-color:var(--color-accent-cyan);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 0 20px #00f0ff33}.btn-premium:hover:before{left:100%}.btn-primary{color:var(--color-accent-cyan);background:#00f0ff1a;border-color:#00f0ff4d}.btn-primary:hover{background:#00f0ff33}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{z-index:10;flex-direction:column;justify-content:center;min-height:100vh;padding:100px 0;display:flex;position:relative}.canvas-container{z-index:0;pointer-events:none;width:100%;height:100%;top:0;left:0;position:fixed!important}.content-overlay{z-index:10;pointer-events:auto;position:relative}body.stratagem-active .glass-panel{background:#ffd7001a;border-color:gold;box-shadow:0 0 30px #ffd7004d}body.stratagem-active .text-gradient-cyan,body.stratagem-active .text-gradient,body.stratagem-active h1,body.stratagem-active h2,body.stratagem-active h3{background:linear-gradient(135deg,gold 0%,#ff8c00 100%);-webkit-text-fill-color:transparent;color:gold;-webkit-background-clip:text}body.stratagem-active .btn-premium{color:gold;border-color:gold}body.stratagem-active .btn-premium:hover{background:#ffd70033;box-shadow:0 0 20px #ffd70080}.hologram-modal{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#02040ad9;border:1px solid #00f0ff4d;border-radius:16px;width:400px;padding:30px;position:relative;box-shadow:0 0 40px #00f0ff26}.hologram-modal .close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px;transition:all .2s;position:absolute;top:15px;right:15px}.hologram-modal .close-btn:hover{color:#00f0ff;transform:scale(1.1)}.hologram-modal h2{color:#fff;margin-bottom:5px;font-size:1.5rem}.hologram-modal .subtitle{margin-bottom:20px;font-size:.9rem;font-weight:500}.hologram-modal .desc{color:#c4d2e0;margin-bottom:20px;font-size:1rem;line-height:1.6}.tech-stack{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{color:#00f0ff;background:#00f0ff1a;border:1px solid #00f0ff33;border-radius:12px;padding:4px 12px;font-size:.8rem;font-weight:600}.overlay-container{flex-direction:column;display:flex}.chapter{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;min-height:100vh;padding:100px 0;display:flex;position:relative}.container>div{pointer-events:auto}.hero-chapter{align-items:flex-start;padding-top:15vh}.hero-content{-webkit-backdrop-filter:blur(12px);background:#02040a66;border:1px solid #00f0ff1a;border-radius:20px;max-width:800px;padding:40px;box-shadow:0 10px 30px #00000080}.pulse-border{border:1px solid #00f0ff66;box-shadow:0 0 15px #00f0ff33}.status-badge{color:var(--color-accent-cyan);text-transform:uppercase;letter-spacing:1px;background:#00f0ff0d;border-radius:30px;align-items:center;gap:12px;margin-bottom:30px;padding:8px 16px;font-size:.85rem;display:inline-flex}.pulse-dot{background-color:var(--color-accent-cyan);width:8px;height:8px;box-shadow:0 0 10px var(--color-accent-cyan);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #00f0ff66}70%{box-shadow:0 0 0 10px #00f0ff00}to{box-shadow:0 0 #00f0ff00}}.hero-title{margin-bottom:24px;font-size:clamp(4rem,6vw,6rem);line-height:1.1}.hero-subtitle{color:var(--color-secondary-text);margin-bottom:40px;font-family:Courier New,Courier,monospace;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:20px;display:flex}.about-card{border-left:4px solid var(--color-accent-cyan);max-width:600px;margin-left:auto;padding:50px}.about-card-solid{-webkit-backdrop-filter:blur(20px);background:#02040aeb!important}.about-card-solid:hover{background:#02040af2!important}.card-header{align-items:center;gap:15px;margin-bottom:30px;display:flex}.accent-icon{color:var(--color-accent-gold);width:32px;height:32px}.card-body p{color:var(--color-secondary-text);margin-bottom:20px;font-size:1.1rem;line-height:1.7}.card-body strong{color:var(--color-primary-text)}.stats-grid{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;padding-top:30px;display:grid}.stat-item{flex-direction:column;gap:8px;display:flex}.stat-value{font-size:2.5rem;font-family:var(--font-heading);font-weight:700}.stat-label{color:var(--color-secondary-text);text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.chapter-title{text-align:left;margin-bottom:60px;font-size:3rem}.timeline{max-width:800px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--color-accent-cyan), transparent);width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-item{-webkit-backdrop-filter:blur(20px);margin-bottom:40px;margin-left:60px;padding:30px;position:relative;background:#02040ae6!important}.timeline-marker{background:var(--color-bg-deep);border:2px solid var(--color-accent-cyan);width:14px;height:14px;box-shadow:0 0 10px var(--color-accent-cyan);border-radius:50%;position:absolute;top:30px;left:-46px}.timeline-content h3{margin-bottom:5px;font-size:1.5rem}.timeline-content h4{color:var(--color-accent-gold);margin-bottom:15px;font-size:1.1rem}.timeline-date{background:#ffffff0d;border-radius:20px;margin-bottom:15px;padding:4px 12px;font-size:.85rem;display:inline-block}.timeline-content p{color:var(--color-secondary-text);line-height:1.6}.role-tag{color:var(--color-accent-cyan);vertical-align:middle;letter-spacing:1px;text-transform:uppercase;background:#00f0ff1a;border:1px solid #00f0ff40;border-radius:20px;margin-left:8px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.timeline-bullets{margin:10px 0 20px;padding:0;list-style:none}.timeline-bullets li{color:var(--color-secondary-text);margin-bottom:8px;padding-left:20px;font-size:.95rem;line-height:1.6;position:relative}.timeline-bullets li:before{content:"▸";color:var(--color-accent-cyan);font-size:.9rem;position:absolute;left:0}.key-projects{border-top:1px solid #ffffff14;margin-top:20px;padding-top:20px}.key-projects-title{font-family:var(--font-heading);color:var(--color-accent-gold);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;font-size:1rem;font-weight:600}.project-entry{border-left:2px solid #00f0ff33;margin-bottom:16px;padding-left:16px}.project-entry:last-child{margin-bottom:0}.project-entry h6{font-family:var(--font-heading);color:var(--color-primary-text);letter-spacing:.5px;margin-bottom:6px;font-size:.95rem;font-weight:600}.project-entry p{color:var(--color-secondary-text);margin:0;font-size:.9rem;line-height:1.6}.radar-scanner{text-align:center;-webkit-backdrop-filter:blur(20px);border:1px solid #00f0ff4d;max-width:600px;margin:0 auto;padding:40px;box-shadow:0 0 50px #00f0ff1a;background:#02040aeb!important}.radar-header{flex-direction:column;align-items:center;gap:15px;margin-bottom:30px;display:flex}.spin-icon{color:var(--color-accent-cyan);width:40px;height:40px;animation:4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.radar-screen{background:#00f0ff0d;border:2px solid #00f0ff33;border-radius:50%;width:200px;height:200px;margin:0 auto 30px;position:relative;overflow:hidden}.radar-screen:before,.radar-screen:after{content:"";background:#00f0ff33;position:absolute}.radar-screen:before{width:100%;height:1px;top:50%;left:0}.radar-screen:after{width:1px;height:100%;top:0;left:50%}.radar-sweep{transform-origin:0 100%;background:linear-gradient(90deg,#0000 50%,#00f0ff80 100%);width:50%;height:50%;animation:2s linear infinite sweep;position:absolute;top:0;left:50%}@keyframes sweep{to{transform:rotate(360deg)}}.target-node{background:var(--color-accent-cyan);color:#000;opacity:0;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700;animation:2s step-end infinite blink;position:absolute;top:30%;left:60%}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.match-details{text-align:left;background:#0006;border-radius:12px;width:100%;margin-bottom:20px;padding:20px}.match-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px 0;display:flex}.match-row:last-child{border-bottom:none}.match-row span{color:var(--color-primary-text);font-size:.95rem}.w-full{width:100%}.contact-subtitle{color:var(--color-secondary-text);margin-top:10px;margin-bottom:50px;font-size:1.2rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:60px;display:flex}.contact-link{font-size:1.1rem;font-family:var(--font-heading);transition:var(--transition-smooth);align-items:center;gap:10px;padding:15px 40px;font-weight:500;display:flex}.contact-link:hover{color:var(--color-accent-cyan);border-color:var(--color-accent-cyan);background:#ffffff1a;transform:translateY(-5px)}.copyright{color:#ff4757;letter-spacing:1px;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:700}.radar-title{color:var(--color-accent-cyan);font-family:var(--font-heading);letter-spacing:1px;margin-bottom:15px;font-size:1.1rem}.radar-chart-container{width:100%;max-width:300px;margin:0 auto}.radar-svg{filter:drop-shadow(0 0 10px #00f0ff33);width:100%;height:auto;animation:4s infinite alternate radar-pulse}@keyframes radar-pulse{0%{filter:drop-shadow(0 0 5px #00f0ff1a)}to{filter:drop-shadow(0 0 20px #00f0ff66)}}.hyper-jump-btn{color:#00f0ff;cursor:pointer;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00f0ff1a;border:1px solid #00f0ff66;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:30px;left:30px}.hyper-jump-btn:hover{background:#00f0ff33;transform:scale(1.1)rotate(15deg);box-shadow:0 0 25px #00f0ff80,inset 0 0 10px #00f0ff80}.hyper-jump-btn:active{transform:scale(.9)}.cursor-dot{background-color:var(--color-accent-cyan);pointer-events:none;z-index:9999;width:6px;height:6px;box-shadow:0 0 10px var(--color-accent-cyan);border-radius:50%;transition:width .2s,height .2s;position:fixed;transform:translate(-50%,-50%)}.cursor-dot.clicked{background-color:var(--color-accent-gold);width:12px;height:12px;box-shadow:0 0 15px var(--color-accent-gold)}.cursor-ring{pointer-events:none;z-index:9998;border:1px solid #00f0ff66;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),border-radius .3s;display:flex;position:fixed;transform:translate(-50%,-50%)}.cursor-ring.hovered{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00f0ff0d;border:1px solid #0000;border-radius:12px;width:60px;height:60px}.cursor-brackets{opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.cursor-ring.hovered .cursor-brackets{opacity:1}a,button,input,textarea,select{cursor:none!important}.cursor-trail-dot{pointer-events:none;z-index:10000;background:#00f0ff;border-radius:50%;width:6px;height:6px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 10px #00f0ff,0 0 20px #00f0ff}.terminal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;background:#02040ad9;border:1px solid #00f0ff4d;border-radius:8px;flex-direction:column;width:500px;max-width:90vw;height:350px;font-family:Courier New,Courier,monospace;display:flex;position:fixed;bottom:30px;right:30px;overflow:hidden;box-shadow:0 10px 40px #00000080,0 0 20px #00f0ff1a}.terminal-header{background:#00f0ff1a;border-bottom:1px solid #00f0ff33;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.terminal-title{color:var(--color-accent-cyan);align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.close-btn{color:var(--color-secondary-text);transition:color .2s}.close-btn:hover{color:#ff4757}.terminal-body{flex:1;padding:15px;font-size:.9rem;overflow-y:auto}.terminal-line{margin-bottom:6px;line-height:1.4}.terminal-line.output{color:var(--color-primary-text)}.terminal-line.input{color:var(--color-accent-gold)}.terminal-input-line{align-items:center;margin-top:10px;display:flex}.prompt{color:var(--color-accent-cyan);margin-right:8px;font-weight:700}.terminal-input-line input{color:var(--color-primary-text);background:0 0;border:none;outline:none;flex:1;font-family:Courier New,Courier,monospace;font-size:.9rem}.enter-screen{z-index:99999;background:#02040a;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.enter-content{text-align:center;max-width:600px}.enter-title{font-family:var(--font-heading);letter-spacing:.1em;background:linear-gradient(#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:clamp(3rem,6vw,5rem);font-weight:800}.enter-subtitle{color:var(--color-accent-cyan);text-transform:uppercase;letter-spacing:.2em;margin-bottom:60px;font-size:1.2rem}.enter-btn{color:var(--color-primary-text);font-size:1.2rem;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;background:0 0;border:1px solid #00f0ff66;border-radius:4px;align-items:center;gap:15px;margin:0 auto;padding:15px 40px;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 #00f0ff1a}.enter-btn:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff33,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.enter-btn:hover{border-color:var(--color-accent-cyan);background:#00f0ff1a;transform:scale(1.05);box-shadow:0 0 30px #00f0ff4d,inset 0 0 20px #00f0ff33}.enter-btn:hover:before{left:100%}.power-icon{color:var(--color-accent-cyan)}.enter-warning{color:var(--color-secondary-text);letter-spacing:1px;text-transform:uppercase;margin-top:40px;font-size:.75rem}.ask-ai-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100000;pointer-events:auto;background:#02040af2;border-left:1px solid #00f0ff33;flex-direction:column;width:450px;max-width:100vw;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-10px 0 50px #00f0ff1a}.ask-ai-header{background:#00f0ff0d;border-bottom:1px solid #00f0ff33;justify-content:space-between;align-items:center;padding:20px;display:flex}.ai-title{color:var(--color-accent-cyan);font-family:var(--font-heading);letter-spacing:1px;align-items:center;gap:10px;font-weight:700;display:flex}.ai-icon{animation:2s infinite alternate pulse-icon-anim}.ai-avatar-container{background:radial-gradient(circle,#00f0ff0d 0%,#0000 70%);border-bottom:1px solid #00f0ff1a;width:100%;height:120px}.ask-ai-body{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.ask-ai-body::-webkit-scrollbar{width:4px}.ask-ai-body::-webkit-scrollbar-track{background:0 0}.ask-ai-body::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:2px}.chat-bubble{border-radius:8px;max-width:90%;padding:12px 16px;font-size:.95rem;line-height:1.5}.chat-bubble.ai{color:var(--color-primary-text);background:#00f0ff0d;border:1px solid #00f0ff33;border-top-left-radius:0;align-self:flex-start;box-shadow:0 4px 15px #00f0ff0d}.chat-bubble.user{color:var(--color-secondary-text);background:#ffffff0d;border:1px solid #ffffff1a;border-top-right-radius:0;align-self:flex-end}.ai-rich-response p{margin:0 0 10px}.ai-rich-response p:last-child{margin-bottom:0}.ai-rich-response ul{margin:0 0 10px;padding-left:20px}.ai-rich-response li{margin-bottom:5px}.highlight{color:var(--color-accent-cyan);font-weight:700}.tech-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tech-tags span{color:var(--color-accent-cyan);background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:4px;padding:4px 8px;font-size:.8rem}.action-button{background:var(--color-accent-cyan);color:#000;text-align:center;border-radius:4px;width:100%;margin-top:10px;padding:8px 16px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.action-button:hover{box-shadow:0 0 15px var(--color-accent-cyan);background:#fff}.chat-bubble.typing{align-items:center;gap:4px;width:fit-content;padding:12px 20px;display:flex}.dot{background:var(--color-accent-cyan);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ask-ai-suggestions{border-top:1px solid #ffffff0d;gap:10px;padding:10px 20px;display:flex;overflow-x:auto}.ask-ai-suggestions::-webkit-scrollbar{height:0}.suggestion-chip{color:var(--color-secondary-text);white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:8px 12px;font-size:.8rem;transition:all .2s}.suggestion-chip:hover{color:var(--color-accent-cyan);background:#00f0ff1a;border-color:#00f0ff4d}.ask-ai-footer{background:#02040a;border-top:1px solid #ffffff1a;gap:10px;padding:20px;display:flex}.ask-ai-footer input{color:var(--color-primary-text);font-family:var(--font-body);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;outline:none;flex:1;padding:12px 15px;transition:border-color .3s}.ask-ai-footer input:focus{border-color:var(--color-accent-cyan)}.ask-ai-footer button{color:var(--color-accent-cyan);cursor:pointer;background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:4px;justify-content:center;align-items:center;width:45px;transition:all .3s;display:flex}.ask-ai-footer button:hover{background:#00f0ff33;transform:scale(1.05)}.boot-sequence-container{color:#00f0ff;z-index:999999;background-color:#02040a;flex-direction:column;justify-content:flex-end;width:100vw;height:100vh;padding:2rem;font-family:Courier New,Courier,monospace;display:flex;position:fixed;top:0;left:0;overflow:hidden}.boot-sequence-container:after{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 1px 2px);width:100vw;height:100vh;position:absolute;top:0;left:0}.boot-log{text-shadow:0 0 5px #00f0ff80;flex-direction:column;align-items:flex-start;margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none;display:flex}.boot-line{opacity:.9;margin-bottom:4px}.boot-line.error{color:#f33;text-shadow:0 0 5px #ff333380}.boot-line.warning{color:#f5c051;text-shadow:0 0 5px #f5c05180}.boot-cursor{vertical-align:text-bottom;background-color:#00f0ff;width:10px;height:15px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}.boot-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 100px #000000e6}