@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Wallpoet&display=swap";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{--bg-color: #300a24;--terminal-bg: #2c001e;--text-color: #ffffff;--user-color: #87ceeb;--host-color: #ffffff;--path-color: #8ae234;--prompt-symbol-color: #ffffff;--window-header-bg-start: #3d3c3e;--window-header-bg-end: #2c2b2d;--close-btn: #f25056;--minimize-btn: #fec02f;--maximize-btn: #28c940}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;overscroll-behavior-x:none}body{margin:0;font-family:Ubuntu,sans-serif;background-color:#050510;background-image:linear-gradient(rgba(0,243,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.03) 1px,transparent 1px);background-size:50px 50px;display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;overflow:hidden;color:var(--text-color)}#root{width:100%;height:100vh;height:100dvh;margin:0;padding:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--terminal-bg)}::-webkit-scrollbar-thumb{background:#555}::-webkit-scrollbar-thumb:hover{background:#888}:root{--ft-bg: #050510;--ft-surface: rgba(10, 10, 30, .9);--ft-neon-cyan: #00f3ff;--ft-neon-pink: #ff0055;--ft-neon-purple: #bc13fe;--ft-text: #e0e0e0;--ft-border: rgba(0, 243, 255, .3)}.futuristic-terminal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--ft-bg);display:flex;flex-direction:column;overflow:hidden;font-family:JetBrains Mono,monospace}.ft-bg-grid{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(rgba(0,243,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.05) 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(60deg);animation:grid-flow 20s linear infinite;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(circle,#000c,#0000 70%);mask-image:radial-gradient(circle,#000c,#0000 70%)}@keyframes grid-flow{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(40px)}}.ft-scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.2) 2px,rgba(0,0,0,.2) 4px);pointer-events:none;z-index:100;opacity:.3}.ft-ambient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 0%,rgba(0,243,255,.08) 0%,transparent 50%);pointer-events:none;z-index:1}.ft-header{height:50px;background:linear-gradient(180deg,#0a0a1ef2,#050514f2);border-bottom:1px solid var(--ft-border);display:flex;align-items:center;justify-content:center;position:relative;z-index:10;box-shadow:0 0 20px #00f3ff1a}.ft-header:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--ft-neon-cyan),transparent);animation:header-glow 3s ease-in-out infinite}@keyframes header-glow{0%,to{opacity:.5}50%{opacity:1}}.ft-title{font-family:Orbitron,sans-serif;font-size:1rem;color:var(--ft-neon-cyan);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 10px rgba(0,243,255,.5)}.ft-window-controls{position:absolute;left:15px;display:flex;gap:8px}.ft-control-btn{width:14px;height:14px;border-radius:50%;cursor:pointer;transition:all .3s;box-shadow:0 0 5px #0000004d}.ft-control-btn.close{background:linear-gradient(135deg,#ff5f57,#ff3b30)}.ft-control-btn.minimize{background:linear-gradient(135deg,#febc2e,#ff9500)}.ft-control-btn.maximize{background:linear-gradient(135deg,#28c840,#34c759)}.ft-control-btn:hover{transform:scale(1.2);box-shadow:0 0 10px currentColor}.ft-content{flex:1;padding:20px;overflow:hidden;position:relative;z-index:10}.ft-content::-webkit-scrollbar{width:8px}.ft-content::-webkit-scrollbar-track{background:var(--ft-bg)}.ft-content::-webkit-scrollbar-thumb{background:var(--ft-neon-cyan);border-radius:4px;box-shadow:0 0 10px var(--ft-neon-cyan)}.ft-content::-webkit-scrollbar-thumb:hover{background:var(--ft-neon-pink)}.futuristic-terminal .terminal-body{background:transparent;color:var(--ft-text)}.futuristic-terminal .welcome-message{color:var(--ft-text)}.futuristic-terminal .ascii-header{color:var(--ft-neon-cyan)!important;text-shadow:0 0 5px rgba(0,243,255,.3)}.futuristic-terminal .role-text{color:var(--ft-neon-pink)!important}.futuristic-terminal .user{color:var(--ft-neon-cyan)!important}.futuristic-terminal .host{color:var(--ft-neon-purple)!important}.futuristic-terminal .path{color:var(--ft-neon-pink)!important}.futuristic-terminal .symbol{color:var(--ft-neon-cyan)!important}.futuristic-terminal .command-input{color:#fff;caret-color:var(--ft-neon-cyan);font-family:JetBrains Mono,monospace}.futuristic-terminal .input-line{padding:5px 0;border-left:2px solid transparent;transition:border-color .3s}.futuristic-terminal .input-line:last-child{border-left-color:var(--ft-neon-cyan);padding-left:10px;animation:cursor-pulse 1s infinite}@keyframes cursor-pulse{0%,to{border-left-color:var(--ft-neon-cyan)}50%{border-left-color:transparent}}.futuristic-terminal .output-line{padding:5px 0;animation:output-appear .3s ease-out}@keyframes output-appear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.ft-controls{position:fixed;bottom:30px;right:30px;z-index:200;display:flex;flex-direction:row;gap:15px}.ft-btn{width:60px;height:60px;border-radius:50%;background:#050514e6;border:2px solid var(--ft-neon-cyan);color:var(--ft-neon-cyan);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 20px #00f3ff4d;transition:all .3s ease}.ft-btn:hover{background:var(--ft-neon-cyan);color:#000;box-shadow:0 0 40px var(--ft-neon-cyan);transform:scale(1.1)}.ft-btn.secondary{border-color:var(--ft-neon-pink);color:var(--ft-neon-pink);box-shadow:0 0 20px #ff00554d}.ft-btn.secondary:hover{background:var(--ft-neon-pink);color:#000;box-shadow:0 0 40px var(--ft-neon-pink)}@media(max-width:768px){.ft-bg-grid{animation:none;opacity:.3}.ft-header{height:45px}.ft-title{font-size:.7rem;letter-spacing:1px;padding:0 10px}.ft-content{padding:15px 15px 30px}.ft-controls{bottom:20px;right:20px}.ft-btn{width:50px;height:50px}.futuristic-terminal .ascii-header{font-size:3.5px!important;line-height:4px!important}}@media(max-width:400px){.futuristic-terminal .command-input,.cyber-command-input{font-size:16px!important;transform:scale(.9375);transform-origin:left center}html,body{background-color:#050510!important}.futuristic-terminal{background-color:#050510;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom,0)}.futuristic-terminal:before{content:"";position:fixed;inset:-200px -50px;background-color:#050510;z-index:-1;pointer-events:none}.ft-content{padding:10px 10px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.cyber-terminal-body{min-height:100%;background-color:#050510;padding-bottom:20px;overscroll-behavior:contain}.ft-content{background-color:#050510}.ft-controls{bottom:15px;right:15px;gap:10px}.ft-btn{width:45px;height:45px}.ft-header{height:40px}.ft-title{font-size:.6rem;letter-spacing:1px}}.cyber-terminal-body{font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:500;line-height:1.6;height:100%;color:#e0e0e0;cursor:text;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:50px;scrollbar-width:thin;scrollbar-color:#00f3ff #050510}.cyber-ascii,.cyber-input-line,code,pre{font-family:JetBrains Mono,monospace}.cyber-terminal-body::-webkit-scrollbar{width:6px}.cyber-terminal-body::-webkit-scrollbar-track{background:#050510}.cyber-terminal-body::-webkit-scrollbar-thumb{background:#00f3ff;border-radius:3px}.cyber-welcome{animation:welcome-fade-in .8s ease-out;margin-bottom:30px}@keyframes welcome-fade-in{0%{opacity:0}to{opacity:1}}.cyber-welcome-content{display:flex;align-items:flex-start;gap:25px;margin-bottom:25px;padding:20px;background:#00f3ff08;border:1px solid rgba(0,243,255,.2);border-radius:4px}.cyber-profile-container{flex-shrink:0}.cyber-profile-frame{position:relative;width:100px;height:100px}.cyber-profile-pic{width:100%;height:100%;border-radius:50%;border:2px solid #00f3ff;object-fit:cover;box-shadow:0 0 20px #00f3ff66}.cyber-profile-glow{position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(0,243,255,.3);animation:profile-pulse 2s ease-in-out infinite}@keyframes profile-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.cyber-info{flex:1;min-width:0}.cyber-ascii{font-size:10px;line-height:1.1;color:#00f3ff;text-shadow:0 0 10px rgba(0,243,255,.5);margin:0 0 15px;white-space:pre;overflow-x:auto}.cyber-role{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cyber-tag{background:#ff00551a;border:1px solid #ff0055;color:#f05;padding:4px 12px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.cyber-divider{color:#00f3ff;font-weight:700}.cyber-instructions{display:flex;flex-direction:column;gap:8px;padding:15px;background:#0000004d;border-left:2px solid #00f3ff}.cyber-line{display:flex;gap:10px;color:#888}.cyber-prompt-symbol{color:#00f3ff;font-weight:700}.cmd-highlight{color:#f05;font-weight:700}.cyber-history-item{margin-bottom:20px;animation:item-appear .3s ease-out}@keyframes item-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cyber-input-line{display:flex;align-items:center;gap:10px;padding:8px 0}.cyber-input-line.active{border-left:2px solid #00f3ff;padding-left:10px;margin-left:-12px}.cyber-prompt{display:flex;gap:5px;flex-shrink:0}.cyber-user{color:#00f3ff;font-weight:700;text-shadow:0 0 5px rgba(0,243,255,.3)}.cyber-arrow{color:#f05;font-weight:700}.cyber-command{color:#fff}.cyber-command-input{flex:1;background:transparent;border:none;color:#fff;font-family:JetBrains Mono,monospace;font-size:15px;outline:none;caret-color:#00f3ff}.cyber-command-input::placeholder{color:#444;font-style:italic}.cyber-output-line{padding-left:20px;margin-top:10px}.cyber-output{background:#0003;border-left:2px solid #ff0055;padding:15px;margin-top:5px}.cyber-output-header{color:#f05;font-weight:700;margin-bottom:15px;letter-spacing:2px;font-size:20px}.cyber-output p{margin:0;color:#ccc}.highlight-cyan{color:#00f3ff;font-weight:700}.cyber-cmd-list{display:flex;flex-direction:column;gap:8px}.cyber-cmd{display:flex;gap:20px}.cmd-name{color:#00f3ff;min-width:100px;font-weight:700}.cmd-desc{color:#888}.cyber-skills{display:flex;flex-wrap:wrap;gap:10px}.cyber-skill-tag{background:#00f3ff1a;border:1px solid #00f3ff;color:#00f3ff;padding:6px 14px;font-size:15px;transition:all .3s}.cyber-skill-tag:hover{background:#00f3ff;color:#000;box-shadow:0 0 20px #00f3ff80}.cyber-exp{display:flex;flex-direction:column;gap:20px}.cyber-exp-item{padding:15px;border:1px solid rgba(0,243,255,.2);background:#00f3ff08}.cyber-exp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:15px}.cyber-exp-info{display:block}.cyber-exp-info span{display:inline;margin-right:6px}.cyber-exp-info span:last-child{margin-right:0}.cyber-exp-role{color:#fff;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:1px}.cyber-exp-at{color:#666}.cyber-exp-company{color:#f05;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:1px}.cyber-exp-date{color:#00f3ff;font-size:12px;margin-left:auto;padding:2px 6px;border:1px solid #00f3ff;background:#00f3ff1a;font-family:Orbitron,sans-serif}.cyber-exp-desc{color:#ccc;margin:0;font-size:1.15rem;padding-left:10px;border-left:2px solid rgba(0,243,255,.1);font-family:Rajdhani,sans-serif}.cyber-edu{display:flex;flex-direction:column;gap:20px}.cyber-edu-item{padding:15px;border:1px solid rgba(0,243,255,.2);background:#00f3ff08}.cyber-edu-degree{color:#fff;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:1px}.cyber-edu-date{margin-left:auto;color:#00f3ff;border:1px solid #00f3ff;padding:2px 6px;font-size:12px;background:#00f3ff1a;font-family:Orbitron,sans-serif}.cyber-edu-item p{margin:10px 0 0;color:#999;font-size:16px}.cyber-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.cyber-contact-item{display:flex;flex-direction:column;gap:5px;padding:12px;background:#00f3ff08;border:1px solid rgba(0,243,255,.15)}.cyber-contact-label{color:#00f3ff;font-size:11px;letter-spacing:2px;font-family:Orbitron,sans-serif}.cyber-contact-item a,.cyber-contact-item span:not(.cyber-contact-label){color:#fff;text-decoration:none;font-size:17px}.cyber-contact-item a:hover{color:#f05;text-shadow:0 0 10px rgba(255,0,85,.5)}.cyber-error{color:#f05;padding:10px;border:1px solid #ff0055;background:#ff00551a}@media(max-width:768px){.cyber-welcome-content{flex-direction:column;align-items:center;text-align:center}.cyber-profile-frame{width:80px;height:80px}.cyber-ascii{font-size:5px;line-height:1;overflow:hidden;text-align:center}.cyber-role{justify-content:center}.cyber-tag{font-size:10px;padding:3px 8px}.cyber-exp-header{flex-direction:column;align-items:flex-start;gap:5px;font-size:.95rem}.cyber-exp-date,.cyber-edu-date{margin-left:0;margin-top:5px;flex-basis:auto}.cyber-exp-desc{font-size:1rem}.cyber-contact{grid-template-columns:1fr}.cyber-output-header{font-size:18px}.desktop-only{display:none}}@media(max-width:400px){.cyber-command-input{font-size:16px!important}.cyber-terminal-body{font-size:1rem;padding-bottom:20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background-color:#050510}.cyber-welcome-content{padding:12px;gap:15px}.cyber-profile-frame{width:70px;height:70px}.cyber-ascii{font-size:4px}.cyber-instructions,.cyber-output{padding:10px}.cyber-output-header{font-size:16px}.cyber-exp-item,.cyber-edu-item{padding:10px}.cyber-exp-desc{font-size:.95rem}.cyber-skill-tag{padding:4px 10px;font-size:13px}.cyber-contact-item{padding:10px}.cyber-contact-label{font-size:10px}.cyber-contact-item a,.cyber-contact-item span:not(.cyber-contact-label){font-size:15px}}:root{--f-bg-color: #050510;--f-surface: rgba(10, 10, 26, .7);--f-border: #00f3ff;--f-text: #e0e0e0;--f-accent: #bc13fe;--f-neon-blue: #00f3ff;--f-neon-purple: #bc13fe;--f-neon-pink: #ff0055}.futuristic-backdrop{position:fixed;top:-50vh;left:-50vw;width:200vw;height:200vh;background:var(--f-bg-color);z-index:-1}.fv-bg-grid{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(rgba(0,243,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.05) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg);animation:fv-grid-move 20s linear infinite;z-index:-1;pointer-events:none}@keyframes fv-grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}.futuristic-view{width:100%;height:100%;background-color:var(--f-bg-color);background-image:radial-gradient(circle at 50% 50%,rgba(0,243,255,.1) 0%,transparent 50%),linear-gradient(0deg,#0003 50% 50%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,243,255,.03) 2px,rgba(0,243,255,.03) 4px);background-size:100% 100%,4px 4px,100% 100%;color:var(--f-text);font-family:Rajdhani,sans-serif;overflow-y:auto;overflow-x:hidden;position:relative;padding:20px;box-sizing:border-box}.futuristic-view::-webkit-scrollbar{width:6px;background:#050510}.futuristic-view::-webkit-scrollbar-thumb{background:var(--f-neon-blue);border-radius:0;box-shadow:0 0 10px var(--f-neon-blue)}.futuristic-view{scrollbar-width:thin;scrollbar-color:var(--f-neon-blue) #050510}.scanline{position:fixed;top:0;left:0;width:100vw;height:4px;background:#00f3ff4d;opacity:.6;animation:scanline 8s linear infinite;pointer-events:none;z-index:1000;box-shadow:0 0 10px #00f3ff80}@keyframes scanline{0%{top:-10vh;opacity:0}10%{opacity:.6}90%{opacity:.6}to{top:110vh;opacity:0}}.futuristic-container{max-width:900px;margin:0 auto;position:relative;padding-bottom:30px}.futuristic-header{display:flex;flex-direction:column;align-items:center;margin-bottom:50px;position:relative;padding:30px;border:1px solid rgba(0,243,255,.3);background:#05051499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px));box-shadow:0 0 20px #00f3ff1a;animation:slideDown .8s ease-out}.futuristic-profile-pic{width:140px;height:140px;border-radius:50%;border:3px solid var(--f-neon-blue);box-shadow:0 0 25px #00f3ff66;margin-bottom:20px;object-fit:cover}.futuristic-name{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:900;color:#fff;text-transform:uppercase;text-shadow:0 0 5px var(--f-neon-blue),0 0 10px var(--f-neon-blue);margin:0;letter-spacing:4px;position:relative}.futuristic-role{font-family:Rajdhani,sans-serif;font-size:1.4rem;color:var(--f-neon-pink);margin-top:10px;letter-spacing:2px;text-transform:uppercase;font-weight:600}.futuristic-section{margin-bottom:40px;padding:30px;background:#0a0a1a66;border-left:3px solid var(--f-neon-blue);border-right:1px solid rgba(0,243,255,.1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .4s ease;animation:fadeIn .8s ease-out forwards;opacity:0}.futuristic-section:last-child{margin-bottom:0}@media(hover:hover){.futuristic-section:hover{background:#0a0a1a99;box-shadow:0 0 30px #00f3ff1a;border-left:3px solid var(--f-neon-purple)}.futuristic-section:hover:before{background:var(--f-neon-purple);box-shadow:0 0 10px var(--f-neon-purple)}}.futuristic-section:before{content:"";position:absolute;top:0;left:0;width:100px;height:2px;background:var(--f-neon-blue);box-shadow:0 0 10px var(--f-neon-blue);transition:all .4s ease}.futuristic-section h2{font-family:Orbitron,sans-serif;font-size:1.8rem;color:var(--f-neon-blue);margin-bottom:25px;display:flex;align-items:flex-start;gap:15px;text-transform:uppercase;border-bottom:1px solid rgba(0,243,255,.2);padding-bottom:10px;line-height:1}.section-num{color:var(--f-neon-pink);display:inline-flex;flex-direction:row;gap:8px;white-space:nowrap;min-width:fit-content}.section-title{color:var(--f-neon-blue);word-break:break-word;display:inline-flex;align-items:center;flex-wrap:wrap}.section-title br{display:none}.section-title span{margin-left:10px;font-size:1rem;opacity:.8}.futuristic-skill-list{display:flex;flex-wrap:wrap;gap:15px}.futuristic-skill-tag{background:#00f3ff0d;border:1px solid var(--f-neon-blue);color:var(--f-neon-blue);padding:8px 16px;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:all .3s;cursor:default;position:relative;overflow:hidden}.futuristic-skill-tag:hover{background:var(--f-neon-blue);color:#000;box-shadow:0 0 20px var(--f-neon-blue);transform:translateY(-2px)}.futuristic-experience-item{background:#0000004d;border:1px solid rgba(188,19,254,.3);padding:20px;margin-bottom:20px;position:relative;transition:all .3s}.futuristic-experience-item:hover{border-color:var(--f-neon-pink);box-shadow:inset 0 0 20px #bc13fe1a}.futuristic-exp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:10px}.futuristic-exp-role{color:#fff;font-size:1.3rem;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:1px}.futuristic-exp-company{color:var(--f-neon-pink);font-family:Orbitron,sans-serif}.futuristic-exp-year{color:var(--f-neon-blue);font-family:Orbitron,sans-serif;font-size:1rem;border:1px solid var(--f-neon-blue);padding:2px 8px;background:#00f3ff1a}.futuristic-exp-desc{color:#a0a0b0;line-height:1.6;font-size:1.1rem}.futuristic-contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.cyber-card{background:#00f3ff0d;border:1px solid rgba(0,243,255,.2);padding:20px;display:flex;flex-direction:column;align-items:flex-start;transition:all .3s;cursor:pointer}.cyber-card:hover{background:#00f3ff1a;border-color:var(--f-neon-blue);transform:scale(1.02);box-shadow:0 0 15px #00f3ff33}.cyber-label{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--f-neon-blue);margin-bottom:5px;text-transform:uppercase}.cyber-card a,.cyber-card span{color:#fff;text-decoration:none;font-size:1.1rem;font-weight:500}.futuristic-controls{position:fixed;bottom:30px;right:30px;z-index:100;display:flex;flex-direction:row;gap:15px}.tech-btn{width:60px;height:60px;border-radius:50%;background:#000c;border:2px solid var(--f-neon-blue);color:var(--f-neon-blue);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 20px #00f3ff4d;transition:all .3s}.tech-btn:hover{background:var(--f-neon-blue);color:#000;box-shadow:0 0 40px var(--f-neon-blue);transform:rotate(360deg)}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.futuristic-header{padding:20px 15px}.futuristic-name{font-size:1.8rem;line-height:1.2;text-align:center;word-break:break-word}.futuristic-role{font-size:1rem;text-align:center;margin-top:15px;line-height:1.4}.futuristic-section h2{font-size:1.8rem;flex-wrap:nowrap;gap:15px;align-items:flex-start}.section-num{flex-direction:row;gap:8px;font-size:1.8rem;line-height:1;min-width:fit-content}.section-title{text-align:left;display:block}.section-title br{display:block}.section-title span{margin-left:0;font-size:.8em}.futuristic-exp-header{flex-direction:column;gap:5px}.futuristic-exp-role{font-size:1.1rem}.futuristic-section{padding:20px 15px}.futuristic-controls{bottom:20px;right:20px}.futuristic-section:hover{border-left:3px solid var(--f-neon-blue)!important;background:#0a0a1a66!important;box-shadow:none!important}.futuristic-section:hover:before{background:var(--f-neon-blue)!important;box-shadow:0 0 10px var(--f-neon-blue)!important}.futuristic-container{padding-bottom:30px}.futuristic-section:last-child{margin-bottom:0}}@media(max-width:400px){.futuristic-section h2{font-size:1.7rem}}:root{--neon-cyan: #00f3ff;--neon-pink: #ff00ff;--neon-blue: #0066ff;--dark-bg: #050510;--glass-border: rgba(255, 255, 255, .1);--glass-bg: rgba(10, 10, 20, .6)}.futuristic-landing{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--dark-bg);color:#fff;overflow:hidden;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1000px}.bg-grid{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(rgba(0,243,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.1) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg);animation:grid-move 20s linear infinite;z-index:1;pointer-events:none;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}@keyframes grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}.ambient-glow{position:fixed;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,243,255,.05) 0%,transparent 70%);pointer-events:none;z-index:2}.fl-content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:1200px;padding:20px}.fl-header h1{font-family:Wallpoet,cursive;font-size:7rem;margin:0;font-weight:900;letter-spacing:10px;text-transform:uppercase;color:#fff;position:relative}.cyber-glitch{position:relative;color:#fff;animation:glitch-main 4s infinite}.cyber-glitch:before,.cyber-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.cyber-glitch:before{left:3px;text-shadow:-3px 0 var(--neon-pink);animation:glitch-cyan 2s infinite linear alternate-reverse;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.cyber-glitch:after{left:-3px;text-shadow:3px 0 var(--neon-pink);animation:glitch-pink 2.5s infinite linear alternate-reverse;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}@keyframes glitch-main{0%,2%{transform:translate(0);opacity:.85}2.5%{transform:translate(-4px,1px) skew(-2deg);opacity:.85}3%{transform:translate(3px,-1px) skew(1deg);opacity:.85}3.5%,7%{transform:translate(0)}7.5%{transform:translate(2px,2px);opacity:.85}8%{transform:translate(-1px,-1px)}8.5%,15%{transform:translate(0);opacity:.85}15.5%{transform:translate(4px) skew(3deg)}16%{transform:translate(-3px,1px) skew(-1deg)}16.5%,25%{transform:translate(0)}25.5%{transform:translate(-2px,-2px);opacity:.85}26%{transform:translate(0);opacity:.85}26.5%,50%{transform:translate(0)}50.5%{transform:translate(5px) skew(-4deg)}51%{transform:translate(-3px,2px) skew(2deg)}51.5%,75%{transform:translate(0)}75.5%{transform:translate(2px,-2px);opacity:.85}76%{transform:translate(-4px,1px) skew(-3deg)}76.5%,to{transform:translate(0);opacity:.85}}@keyframes glitch-cyan{0%,5%{transform:translate(0);clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}5.5%{transform:translate(10px);clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%)}6%{transform:translate(-5px);clip-path:polygon(0 5%,100% 5%,100% 40%,0 40%)}6.5%,20%{transform:translate(0);clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}20.5%{transform:translate(15px) skew(5deg);clip-path:polygon(0 10%,100% 10%,100% 25%,0 25%)}21%{transform:translate(-8px)}21.5%,40%{transform:translate(0);clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}40.5%{transform:translate(8px,2px);clip-path:polygon(0 20%,100% 20%,100% 35%,0 35%)}41%{transform:translate(-12px,-1px) skew(-3deg)}41.5%,60%{transform:translate(0);clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}60.5%{transform:translate(6px);clip-path:polygon(0 0,100% 0,100% 20%,0 20%)}61%,80%{transform:translate(0);clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}80.5%{transform:translate(20px) skew(8deg);clip-path:polygon(0 25%,100% 25%,100% 35%,0 35%)}81%{transform:translate(-10px)}81.5%,to{transform:translate(0);clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}}@keyframes glitch-pink{0%,8%{transform:translate(0);clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}8.5%{transform:translate(-12px) skew(-4deg);clip-path:polygon(0 70%,100% 70%,100% 85%,0 85%)}9%{transform:translate(6px);clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}9.5%,25%{transform:translate(0);clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}25.5%{transform:translate(-18px);clip-path:polygon(0 75%,100% 75%,100% 90%,0 90%)}26%{transform:translate(8px,1px) skew(3deg)}26.5%,45%{transform:translate(0);clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}45.5%{transform:translate(-8px,-1px);clip-path:polygon(0 80%,100% 80%,100% 95%,0 95%)}46%{transform:translate(15px) skew(-5deg)}46.5%,70%{transform:translate(0);clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}70.5%{transform:translate(-6px,2px);clip-path:polygon(0 65%,100% 65%,100% 80%,0 80%)}71%,90%{transform:translate(0);clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}90.5%{transform:translate(-20px) skew(-8deg);clip-path:polygon(0 85%,100% 85%,100% 100%,0 100%)}91%{transform:translate(10px)}91.5%,to{transform:translate(0);clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}}.fl-header .fl-subtitle{font-size:1.2rem;letter-spacing:5px;color:var(--neon-cyan);text-transform:uppercase;margin-top:10px;opacity:.8;position:relative;display:inline-block;animation:system-pulse 2s infinite ease-in-out;font-family:Orbitron,sans-serif;font-weight:700}.fl-subtitle:before,.fl-subtitle:after{content:"";position:absolute;top:50%;width:30px;height:2px;background:var(--neon-cyan);animation:line-expand 1s ease-out forwards}.fl-subtitle:before{right:100%;margin-right:15px}.fl-subtitle:after{left:100%;margin-left:15px}@keyframes system-pulse{0%,to{opacity:.8;text-shadow:0 0 5px var(--neon-cyan)}50%{opacity:1;text-shadow:0 0 15px var(--neon-cyan),0 0 10px var(--neon-blue)}}@keyframes line-expand{0%{width:0;opacity:0}to{width:30px;opacity:1}}.fl-description{font-family:Rajdhani,sans-serif;font-size:1.5rem;color:var(--neon-blue);margin-top:15px;letter-spacing:2px;font-weight:500;text-transform:uppercase;opacity:0;animation:fadeInUp 1.5s cubic-bezier(.19,1,.22,1) forwards .5s;background:linear-gradient(90deg,transparent,rgba(0,243,255,.1),transparent);padding:5px 20px;border-radius:4px;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);letter-spacing:0px;filter:blur(5px)}to{opacity:.9;transform:translateY(0);letter-spacing:4px;filter:blur(0px)}}.fl-cards{display:flex;gap:3rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.fl-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;width:300px;border-radius:15px;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 30px #00000080;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.fl-card:hover{transform:translateY(-10px) scale(1.05);border-color:var(--neon-cyan);box-shadow:0 0 30px #00f3ff4d,inset 0 0 20px #00f3ff1a}.fl-card.secondary:hover{border-color:var(--neon-pink);box-shadow:0 0 30px #ff00ff4d,inset 0 0 20px #ff00ff1a}}.fl-card:active,.fl-card:focus,.fl-card.touching{transform:translateY(-5px) scale(1.02);border-color:var(--neon-cyan);box-shadow:0 0 25px #00f3ff4d;transition:all .1s ease}.fl-card.secondary:active,.fl-card.secondary:focus,.fl-card.secondary.touching{border-color:var(--neon-pink);box-shadow:0 0 25px #ff00ff4d}.card-icon-container{width:80px;height:80px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}@media(hover:hover)and (pointer:fine){.fl-card:hover .card-icon-container{background:#00f3ff1a;border-color:var(--neon-cyan);transform:rotate(360deg)}.fl-card.secondary:hover .card-icon-container{background:#ff00ff1a;border-color:var(--neon-pink)}}.card-title{font-size:1.5rem;font-weight:700;letter-spacing:2px;margin:0 0 10px;color:#fff;text-transform:uppercase;font-family:Orbitron,sans-serif}.card-desc{font-size:.95rem;color:#aaa;margin:0;line-height:1.5;font-family:Rajdhani,sans-serif;font-weight:600}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1;text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-blue)}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.4;text-shadow:none}}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.5) 51%);background-size:100% 4px;pointer-events:none;z-index:5;opacity:.3}@media(max-width:768px){.bg-grid{animation:none;transform:perspective(500px) rotateX(60deg);opacity:.5}.scanline{opacity:.15}.cyber-glitch{animation-duration:6s}.cyber-glitch:before{animation-duration:4s}.cyber-glitch:after{animation-duration:5s}.futuristic-landing{overflow:hidden}.fl-content{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:40px 20px 100px;gap:1.5rem;justify-content:flex-start;background-color:transparent;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) var(--dark-bg)}.fl-content::-webkit-scrollbar{width:6px}.fl-content::-webkit-scrollbar-track{background:var(--dark-bg)}.fl-content::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:3px}.fl-content::-webkit-scrollbar-thumb:hover{background:var(--neon-pink)}.fl-header h1{font-size:2.5rem;letter-spacing:3px}.fl-header .fl-subtitle{font-size:.9rem;letter-spacing:2px}.fl-subtitle:before,.fl-subtitle:after{width:15px}.fl-description{font-size:.85rem;letter-spacing:1px}.fl-cards{flex-direction:column;gap:1.5rem;margin-top:.5rem;align-items:center;width:100%}.fl-card{width:90%;max-width:320px;padding:1.5rem}}@media(max-width:400px){.fl-header h1{font-size:2rem}.fl-content{padding:30px 15px;gap:1rem;overflow-y:auto;overscroll-behavior:contain}.fl-card{padding:2rem;width:95%}.fl-header .fl-subtitle{font-size:.8rem;letter-spacing:1px}.fl-description{font-size:.85rem}}.scifi-transition{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#050510;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}.transition-grid{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(rgba(0,243,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.15) 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(60deg);animation:grid-zoom 1.5s ease-in-out forwards;opacity:0}@keyframes grid-zoom{0%{transform:perspective(500px) rotateX(60deg) scale(1);opacity:0}20%{opacity:.8}60%{opacity:.6}85%{opacity:.3}to{transform:perspective(500px) rotateX(60deg) scale(1.5);opacity:0}}.transition-scanline{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(0,243,255,.3) 20%,rgba(0,243,255,1) 50%,rgba(0,243,255,.3) 80%,transparent 100%);box-shadow:0 0 20px #00f3ffcc,0 0 40px #00f3ff66;animation:scanline-sweep 1.2s ease-in-out}@keyframes scanline-sweep{0%{top:-10px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100vh;opacity:0}}.transition-glitch{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,243,255,.03) 2px,rgba(0,243,255,.03) 4px);animation:glitch-flicker .1s steps(2) infinite;pointer-events:none}@keyframes glitch-flicker{0%,to{opacity:1}50%{opacity:.8}}.transition-content{position:relative;z-index:10;text-align:center;animation:content-appear 1.5s ease-out forwards}@keyframes content-appear{0%{opacity:0;transform:scale(.8);filter:blur(10px)}20%{opacity:1;transform:scale(1.05);filter:blur(0)}35%{transform:scale(1)}80%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(.95);filter:blur(8px)}}.transition-hexagon{width:80px;height:92px;position:relative;margin:0 auto 30px}.hex-ring{position:absolute;width:100%;height:100%;border:2px solid var(--neon-cyan, #00f3ff);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:hex-pulse .4s ease-in-out infinite alternate}.hex-ring:nth-child(2){transform:scale(.7);animation-delay:.1s;border-color:#00f3ff99}.hex-ring:nth-child(3){transform:scale(.4);animation-delay:.2s;border-color:#00f3ff4d}@keyframes hex-pulse{0%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.1) rotate(30deg);opacity:.6}}.hex-ring:nth-child(2){animation-name:hex-pulse-2}@keyframes hex-pulse-2{0%{transform:scale(.7) rotate(0);opacity:.6}to{transform:scale(.8) rotate(-30deg);opacity:1}}.hex-ring:nth-child(3){animation-name:hex-pulse-3}@keyframes hex-pulse-3{0%{transform:scale(.4) rotate(0);opacity:.3}to{transform:scale(.5) rotate(30deg);opacity:.6}}.transition-text{font-family:Orbitron,Rajdhani,sans-serif;font-size:1.2rem;color:#00f3ff;text-transform:uppercase;letter-spacing:8px;text-shadow:0 0 10px rgba(0,243,255,.8),0 0 20px rgba(0,243,255,.4),0 0 40px rgba(0,243,255,.2);animation:text-glitch .15s steps(2) infinite}@keyframes text-glitch{0%,to{text-shadow:0 0 10px rgba(0,243,255,.8),0 0 20px rgba(0,243,255,.4);transform:translate(0)}25%{text-shadow:-2px 0 rgba(255,0,85,.8),2px 0 rgba(0,243,255,.8);transform:translate(2px)}75%{text-shadow:2px 0 rgba(255,0,85,.8),-2px 0 rgba(0,243,255,.8);transform:translate(-2px)}}.transition-corner{position:absolute;width:60px;height:60px;border:2px solid rgba(0,243,255,.4)}.transition-corner.top-left{top:20px;left:20px;border-right:none;border-bottom:none;animation:corner-fade 1.5s ease-out forwards}.transition-corner.top-right{top:20px;right:20px;border-left:none;border-bottom:none;animation:corner-fade 1.5s ease-out forwards}.transition-corner.bottom-left{bottom:20px;left:20px;border-right:none;border-top:none;animation:corner-fade 1.5s ease-out forwards}.transition-corner.bottom-right{bottom:20px;right:20px;border-left:none;border-top:none;animation:corner-fade 1.5s ease-out forwards}@keyframes corner-fade{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1)}70%{opacity:1}85%{opacity:.4}to{opacity:0}}.scifi-transition.fade-out{animation:transition-out .3s ease-out forwards}@keyframes transition-out{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.scifi-transition{height:100vh;height:100dvh}.transition-text{font-size:.9rem;letter-spacing:4px}.transition-hexagon{width:60px;height:69px}.transition-corner{width:40px;height:40px}.transition-corner.bottom-left,.transition-corner.bottom-right{bottom:30px;bottom:calc(30px + env(safe-area-inset-bottom,0))}}@media(max-width:400px){.transition-corner{width:30px;height:30px}.transition-corner.top-left,.transition-corner.top-right{top:15px}.transition-corner.top-left,.transition-corner.bottom-left{left:15px}.transition-corner.top-right,.transition-corner.bottom-right{right:15px}.transition-corner.bottom-left,.transition-corner.bottom-right{bottom:30px;bottom:calc(30px + env(safe-area-inset-bottom,0))}.transition-text{font-size:.75rem;letter-spacing:3px}.transition-hexagon{width:50px;height:58px;margin-bottom:20px}}.app-container{width:100%;min-width:100vw;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden;background-color:#050510}
