@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-deep:#030305;--bg-panel:#0a0a1299;--bg-panel-hover:#141423cc;--neon-cyan:#00f0ff;--neon-purple:#9d00ff;--neon-pink:#f05;--text-primary:#f0f0f5;--text-secondary:#a0a0b5;--text-muted:#556;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--glass-border:1px solid #ffffff0d;--glass-shadow:0 20px 40px #0006, inset 0 0 0 1px #ffffff1a, inset 0 1px 20px #ffffff0d;--glass-blur:blur(24px) saturate(160%);--glow-cyan:0 0 20px #00f0ff80, 0 0 40px #00f0ff4d;--glow-purple:0 0 20px #9d00ff80, 0 0 40px #9d00ff4d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-primary);line-height:1.6;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(100px);z-index:-1;opacity:.15;border-radius:50%;animation:20s linear infinite alternate float;position:fixed}body:before{background:var(--neon-cyan);width:500px;height:500px;top:-100px;left:-100px}body:after{background:var(--neon-purple);width:600px;height:600px;animation-delay:-10s;bottom:-200px;right:-100px}@keyframes float{0%{transform:translate(0)}50%{transform:translate(50px,100px)}to{transform:translate(-50px,50px)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800}a{color:inherit;text-decoration:none;transition:all .3s}li{list-style:none}.glass-panel{-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff0d;border-color:#ffffff26 #ffffff0d #ffffff0d #ffffff26;border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:50%;height:100%;transition:all .7s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.glass-panel:hover:before{left:150%}.glass-panel:hover{box-shadow:0 25px 50px #00000080, inset 0 0 0 1px #00f0ff33, var(--glow-purple);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff08 100%);transform:translateY(-8px)}.text-gradient{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cyan-glow-text{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.app-container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s forwards fadeIn}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-panel-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.header{z-index:1000;width:100%;padding:24px 0;transition:all .4s;position:fixed;top:0;left:0}.header.scrolled{-webkit-backdrop-filter:blur(16px);background:#030305d9;border-bottom:1px solid #ffffff0d;padding:12px 0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.logo{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.5rem;font-weight:800;display:flex}.logo-icon{color:var(--neon-cyan);filter:drop-shadow(var(--glow-cyan))}.logo-text{letter-spacing:2px}.logo-dot{color:var(--neon-purple)}.nav-desktop{gap:32px;display:flex}.nav-link{color:var(--text-secondary);padding:4px 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--neon-cyan);width:0;height:2px;box-shadow:var(--glow-cyan);transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.header-actions{align-items:center;gap:16px;display:flex}.search-bar{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;transition:all .3s;display:flex}.search-bar:focus-within{border-color:var(--neon-cyan);background:#00f0ff0d;box-shadow:0 0 10px #00f0ff1a}.search-icon{color:var(--text-muted)}.search-bar:focus-within .search-icon{color:var(--neon-cyan)}.search-bar input{color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;width:140px;font-size:.9rem;transition:width .3s}.search-bar input:focus{width:180px}.search-bar input::placeholder{color:var(--text-muted)}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.nav-mobile{z-index:999;flex-direction:column;gap:16px;margin-top:10px;padding:24px;display:flex;position:absolute;top:100%;left:24px;right:24px}@media (width<=768px){.nav-desktop{display:none}.mobile-menu-btn{display:flex}.search-bar input{width:100px}.search-bar input:focus{width:120px}}.hero-section{justify-content:space-between;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}.hero-content{z-index:2;flex:1;max-width:600px}.hero-badge{font-size:.85rem;font-family:var(--font-mono);color:var(--neon-cyan);background:#00f0ff0d;border:1px solid #00f0ff33;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;display:inline-flex}.hero-title{color:var(--text-primary);margin-bottom:24px;font-size:4rem;line-height:1.1}.hero-bio{color:var(--text-secondary);max-width:90%;margin-bottom:32px;font-size:1.15rem}.hero-skills{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.skill-tag{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:.85rem;transition:all .3s}.skill-tag:hover{border-color:var(--neon-purple);color:#fff;background:#9d00ff1a;transform:translateY(-2px)}.hero-actions{gap:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-deep);box-shadow:0 0 15px #fff3}.btn-primary:hover{background:var(--neon-cyan);color:#000;box-shadow:var(--glow-cyan);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);background:0 0;border:1px solid #ffffff26}.btn-secondary:hover{border-color:var(--text-primary);transform:translateY(-2px)}.hero-visual{z-index:1;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.sphere-container{perspective:1000px;width:400px;height:400px;position:relative}.sphere{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-purple));border-radius:50%;width:150px;height:150px;animation:4s infinite alternate pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #9d00ff80,inset 0 0 20px #00000080}.sphere-orbit{border:1px dashed #00f0ff4d;border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:0}.sphere-orbit-2{border:1px solid #9d00ff33;border-radius:50%;animation:15s linear infinite spin-reverse;position:absolute;inset:10%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes pulse{to{filter:hue-rotate(30deg);transform:translate(-50%,-50%)scale(1.05)}}.scroll-indicator{color:var(--text-muted);animation:2s infinite bounce;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)translate(-50%)}40%{transform:translateY(-10px)translate(-50%)}60%{transform:translateY(-5px)translate(-50%)}}.glowing-ring{border:1px solid #00f0ff1a;border-radius:50%;animation:8s infinite alternate pulse-ring-hero;position:absolute;inset:-20%;box-shadow:inset 0 0 50px #00f0ff1a,0 0 50px #9d00ff1a}@keyframes pulse-ring-hero{0%{opacity:.5;transform:scale(.8)rotate(0)}to{opacity:1;border-color:#9d00ff4d;transform:scale(1.1)rotate(180deg)}}@media (width<=900px){.hero-section{text-align:center;flex-direction:column-reverse;justify-content:center}.hero-visual{margin-bottom:40px}.sphere-container{width:300px;height:300px}.hero-title{font-size:2.5rem}.hero-skills,.hero-actions{justify-content:center}}.section-container{min-height:auto;padding:100px 0}.section-title{align-items:center;gap:12px;margin-bottom:48px;font-size:2.5rem;display:flex}.neon-cyan{color:var(--neon-cyan)}.neon-purple{color:var(--neon-purple)}.card{margin-bottom:24px;padding:32px}.card-title{margin-bottom:8px;font-size:1.5rem}.card-subtitle{margin-bottom:12px;font-size:1.1rem;font-weight:500}.card-meta{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:16px;font-size:.85rem}.card-desc{color:var(--text-secondary)}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--neon-cyan), var(--neon-purple));opacity:.3;width:2px;position:absolute;top:0;bottom:0;left:11px}.timeline-item{margin-bottom:40px;position:relative}.timeline-dot{background:var(--bg-deep);border:2px solid var(--neon-cyan);width:16px;height:16px;box-shadow:var(--glow-cyan);z-index:2;border-radius:50%;position:absolute;top:32px;left:-32px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.project-card{flex-direction:column;padding:32px;display:flex}.project-tech{flex-wrap:wrap;flex-grow:1;gap:8px;margin:24px 0;display:flex}.tech-badge{font-family:var(--font-mono);color:var(--neon-cyan);background:#00f0ff0d;border-radius:4px;padding:4px 8px;font-size:.75rem}.project-link{color:var(--text-primary);align-items:center;gap:8px;margin-top:auto;font-weight:500;display:inline-flex}.project-link:hover{color:var(--neon-purple)}@media (width<=768px){.section-title{font-size:2rem}.card{padding:24px}.timeline{padding-left:24px}.timeline-dot{width:12px;height:12px;left:-24px}.timeline:before{left:-18px}}.projects-page{min-height:100vh;padding:120px 0 80px}.projects-header{text-align:center;margin-bottom:64px}.header-badge{font-family:var(--font-mono);color:var(--neon-purple);background:#9d00ff1a;border:1px solid #9d00ff4d;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.9rem;display:inline-flex}.page-title{color:var(--text-primary);margin-bottom:16px;font-size:3.5rem}.page-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.projects-grid-cool{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;display:grid}.cool-project-card{animation:.6s forwards slideUpFade;animation-delay:var(--delay);opacity:0;border-top:4px solid var(--neon-cyan);flex-direction:column;padding:32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.cool-project-card:hover{border-top-color:var(--neon-purple);box-shadow:0 15px 40px #0006, var(--glow-purple);transform:translateY(-10px)scale(1.02)}.cool-project-card:before{content:"";background:radial-gradient(circle,#00f0ff1a 0%,#0000 70%);border-radius:50%;width:150px;height:150px;transition:transform .4s;position:absolute;top:-50px;right:-50px}.cool-project-card:hover:before{background:radial-gradient(circle,#9d00ff26 0%,#0000 70%);transform:scale(1.5)}.card-topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-actions{gap:12px;display:flex}.action-icon{color:var(--text-muted);cursor:pointer;transition:color .3s}.action-icon:hover{color:var(--neon-cyan);filter:drop-shadow(0 0 8px var(--neon-cyan))}.cool-project-title{z-index:2;margin-bottom:16px;font-size:1.8rem;position:relative}.cool-project-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:32px;line-height:1.6}.cool-project-tech{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.tech-badge-glow{font-family:var(--font-mono);color:var(--bg-deep);background:var(--text-primary);border-radius:12px;padding:4px 12px;font-size:.8rem;transition:all .3s}.cool-project-card:hover .tech-badge-glow{background:var(--neon-cyan);box-shadow:0 0 10px #00f0ff66}.card-footer{border-top:1px solid #ffffff0d;margin-top:auto;padding-top:24px}.explore-btn{color:var(--neon-cyan);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-weight:600;display:flex}.arrow-icon{transition:transform .3s}.explore-btn:hover .arrow-icon{transform:translate(5px)}@media (width<=768px){.page-title{font-size:2.5rem}.projects-grid-cool{grid-template-columns:1fr}}.contact-page{min-height:100vh;padding:120px 0 80px}.contact-header{text-align:center;margin-bottom:64px}.contact-grid{grid-template-columns:1fr 1.5fr;align-items:stretch;gap:48px;display:grid}.contact-info{flex-direction:column;gap:24px;display:flex;position:relative}.contact-card{border-left:3px solid #0000;align-items:center;gap:20px;padding:24px;transition:border-color .3s,transform .3s;display:flex}.contact-card:hover{transform:translate(10px)}.contact-card:first-child:hover{border-left-color:var(--neon-cyan)}.contact-card:nth-child(2):hover{border-left-color:var(--neon-purple)}.contact-card:nth-child(3):hover{border-left-color:#fff}.contact-icon-wrapper{background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.contact-details h3{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem}.contact-details p{color:var(--text-secondary);font-family:var(--font-mono);font-size:.9rem}.aesthetic-graphic{opacity:.2;flex-grow:1;justify-content:center;align-items:center;min-height:200px;display:flex}.glow-pulse{animation:3s infinite alternate pulse-glow}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 10px var(--neon-purple))}to{filter:drop-shadow(0 0 30px var(--neon-cyan));opacity:.8}}.contact-form-container{padding:48px}.contact-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-family:var(--font-mono);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.form-group input,.form-group textarea{color:var(--text-primary);font-family:var(--font-sans);background:#0003;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:16px;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--neon-purple);background:#9d00ff0d;box-shadow:inset 0 0 10px #9d00ff1a}.submit-btn{text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;margin-top:16px;font-size:1.1rem}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}.dedicated-page{max-width:900px;min-height:100vh;margin:0 auto;padding:120px 0 80px}.page-header{text-align:center;margin-bottom:64px}.detailed-card{margin-bottom:32px;padding:48px}.template-timeline .timeline:before{left:11px}@media (width<=768px){.detailed-card{padding:32px}}.chatbot-container{z-index:9999;position:fixed;bottom:30px;right:30px}.chatbot-toggle{background:var(--bg-panel);border:1px solid var(--neon-cyan);width:60px;height:60px;color:var(--neon-cyan);cursor:pointer;box-shadow:var(--glow-cyan);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex;position:relative}.chatbot-toggle:hover{transform:scale(1.1)}.pulse-ring{border:2px solid var(--neon-cyan);border-radius:50%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:0}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.chatbot-window{flex-direction:column;width:350px;height:500px;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideUpFade;display:flex;overflow:hidden}@keyframes slideUpFade{0%{opacity:0;transform:translateY(50px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.chatbot-header{background:#03030580;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px;display:flex}.chatbot-title{font-family:var(--font-display);letter-spacing:1px;align-items:center;gap:8px;font-weight:600;display:flex}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:color .3s}.close-btn:hover{color:var(--neon-pink)}.chatbot-messages{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.message{gap:8px;max-width:85%;display:flex}.message.user{flex-direction:row-reverse;align-self:flex-end}.message-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.message.bot .message-icon{color:var(--neon-cyan);background:#00f0ff1a;border:1px solid #00f0ff4d}.message.user .message-icon{color:var(--neon-purple);background:#9d00ff1a;border:1px solid #9d00ff4d}.message-text{border-radius:12px;padding:10px 14px;font-size:.9rem;line-height:1.4}.message.bot .message-text{background:#ffffff0d;border-top-left-radius:2px}.message.user .message-text{color:#fff;background:linear-gradient(135deg,#9d00ff33,#00f0ff33);border-top-right-radius:2px}.chatbot-input-area{background:#03030580;border-top:1px solid #ffffff0d;gap:8px;padding:16px;display:flex}.chatbot-input-area input{color:var(--text-primary);font-family:var(--font-sans);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;outline:none;flex:1;padding:10px 16px;transition:border-color .3s}.chatbot-input-area input:focus{border-color:var(--neon-cyan)}.send-btn{background:var(--text-primary);width:42px;height:42px;color:var(--bg-deep);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.send-btn:hover:not(:disabled){background:var(--neon-cyan);box-shadow:var(--glow-cyan);transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=400px){.chatbot-window{width:calc(100vw - 40px);bottom:20px;right:20px}}