@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary-bg: #0a0a0a;--secondary-bg: #1a1a1a;--tertiary-bg: #2a2a2a;--neon-green: #00ffaa;--neon-blue: #00aaff;--neon-purple: #aa00ff;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--shadow-neon: 0 0 20px var(--neon-green);--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--primary-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;cursor:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}button{font-family:inherit;border:none;background:none;cursor:pointer}a{color:inherit;text-decoration:none;cursor:pointer}ul,ol{list-style:none}input,textarea{font-family:inherit;border:none;background:none;outline:none}::selection{background:var(--neon-green);color:var(--primary-bg)}:root{--primary-bg: #0a0a0a;--secondary-bg: #1a1a1a;--tertiary-bg: #2a2a2a;--neon-green: #00ffaa;--neon-blue: #00aaff;--neon-purple: #aa00ff;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--shadow-neon: 0 0 20px var(--neon-green);--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--neuro-shadow: 20px 20px 60px #0a0a0a, -20px -20px 60px #2a2a2a;--neuro-shadow-inset: inset 8px 8px 16px #0a0a0a, inset -8px -8px 16px #2a2a2a}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--primary-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden;cursor:auto}@media (hover: hover) and (pointer: fine){body{cursor:auto}}.App{position:relative;min-height:100vh;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%)}.access-gate-wrapper{min-height:100vh}.admin-controls{position:fixed;top:20px;right:20px;z-index:9998;display:flex;flex-direction:column;gap:10px;background:#121212e6;padding:15px;border-radius:12px;border:1px solid rgba(0,255,170,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080}.admin-btn{background:#00ffaa1a;border:1px solid rgba(0,255,170,.3);color:#0fa;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;text-align:left;min-width:120px}.admin-btn:hover{background:#0fa3;transform:translateY(-1px)}.logout-btn{background:#ff46461a;border-color:#ff46464d;color:#ff6b6b}.logout-btn:hover{background:#ff464633}.admin-info{font-size:.75rem;color:#fff9;text-align:center;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.admin-controls{top:10px;right:10px;padding:10px}.admin-btn{font-size:.8rem;padding:6px 10px;min-width:100px}.admin-info{font-size:.7rem}}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxkZWZzPgogICAgICA8ZmlsdGVyIGlkPSJub2lzZSI+CiAgICAgICAgPGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuOSIgbnVtT2N0YXZlcz0iNCIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPgogICAgICA8L2ZpbHRlcj4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNub2lzZSkiIG9wYWNpdHk9IjAuNCIvPgo8L3N2Zz4K) repeat;pointer-events:none;z-index:9999}.admin-toggle-btn{position:fixed;bottom:20px;left:20px;width:50px;height:50px;background:var(--secondary-bg);border:2px solid var(--neon-green);border-radius:50%;color:var(--neon-green);font-size:20px;z-index:100;transition:transform .3s ease,box-shadow .3s ease;will-change:transform,box-shadow;cursor:pointer}.admin-toggle-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:var(--shadow-neon)}.neuro-card{background:linear-gradient(145deg,#1e1e1e,#0f0f0f);border-radius:var(--border-radius);box-shadow:var(--neuro-shadow);border:1px solid rgba(255,255,255,.1)}.neuro-button{background:linear-gradient(145deg,#1e1e1e,#0f0f0f);border:none;border-radius:var(--border-radius);padding:12px 24px;color:var(--text-primary);cursor:pointer;transition:var(--transition);box-shadow:var(--neuro-shadow);will-change:box-shadow,color}.neuro-button:hover{box-shadow:var(--neuro-shadow-inset);color:var(--neon-green)}.glow-text{text-shadow:0 0 10px var(--neon-green)}.glow-border{border:1px solid var(--neon-green);box-shadow:0 0 10px var(--neon-green),inset 0 0 10px #00ffaa1a}section{min-height:100vh;padding:100px 0;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 15px}section{padding:60px 0}.admin-toggle-btn{width:40px;height:40px;font-size:16px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--primary-bg)}::-webkit-scrollbar-thumb{background:var(--neon-green);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}main{padding:0 20px}.section{padding:80px 0;max-width:1200px;margin:0 auto}.footer{text-align:center;padding:40px 20px;margin-top:60px;background:var(--secondary-bg);border-top:1px solid rgba(0,255,170,.2)}.footer-text{color:var(--text-muted)}.footer-link{color:var(--neon-green);text-decoration:none;font-weight:600}@media (max-width: 768px){.container{padding:0 15px}section{padding:60px 0}.admin-toggle-btn{width:40px;height:40px;font-size:16px}main{padding:0 15px}.section{padding:60px 0}}@media (max-width: 480px){.container{padding:0 10px}section{padding:40px 0}.admin-toggle-btn{width:35px;height:35px;font-size:14px}}.admin-engagement-panel{position:fixed;top:20px;right:20px;width:400px;max-height:80vh;background:var(--secondary-bg);border:1px solid var(--neon-green);border-radius:var(--border-radius);box-shadow:var(--neuro-shadow),0 0 30px #00ffaa4d;z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(45deg,var(--secondary-bg),var(--tertiary-bg));border-bottom:1px solid var(--neon-green)}.panel-header h3{margin:0;color:var(--neon-green);font-size:1.1rem;font-weight:600}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:var(--transition)}.close-btn:hover{background:#ffffff1a;color:var(--neon-green)}.panel-content{padding:1rem;max-height:calc(80vh - 80px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--neon-green) var(--secondary-bg)}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:var(--secondary-bg)}.panel-content::-webkit-scrollbar-thumb{background:var(--neon-green);border-radius:3px}.admin-info-section{margin-bottom:1.5rem;padding:1rem;background:var(--tertiary-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,170,.2)}.admin-timestamp,.admin-user{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.admin-timestamp:last-child,.admin-user:last-child{margin-bottom:0}.admin-info-section .label{color:var(--text-secondary);font-size:.9rem}.admin-info-section .value{color:var(--neon-green);font-weight:600;font-family:Courier New,monospace}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.metric-card{background:var(--tertiary-bg);padding:.75rem;border-radius:var(--border-radius);border:1px solid rgba(0,255,170,.2);text-align:center;transition:var(--transition)}.metric-card:hover{border-color:var(--neon-green);box-shadow:0 0 15px #0fa3}.metric-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.metric-value{font-size:1.2rem;font-weight:600;color:var(--neon-green)}.engagement-score-section{margin-bottom:1.5rem;padding:1rem;background:var(--tertiary-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,170,.2)}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.score-header span:first-child{color:var(--text-secondary);font-size:.9rem}.score-value{color:var(--neon-green);font-weight:600;font-size:1.1rem}.score-bar{width:100%;height:8px;background:var(--secondary-bg);border-radius:4px;overflow:hidden;position:relative}.score-fill{height:100%;background:linear-gradient(90deg,var(--neon-green),var(--neon-blue));border-radius:4px;box-shadow:0 0 10px #00ffaa80}.patterns-section,.rewards-section,.sections-section{margin-bottom:1.5rem}.patterns-section h4,.rewards-section h4,.sections-section h4{color:var(--neon-green);font-size:1rem;margin-bottom:.75rem;border-bottom:1px solid rgba(0,255,170,.2);padding-bottom:.25rem}.patterns-count{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.patterns-list,.rewards-list{display:flex;flex-direction:column;gap:.5rem}.pattern-item,.reward-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--secondary-bg);border-radius:6px;border:1px solid rgba(255,255,255,.1)}.pattern-type,.reward-message{color:var(--text-primary);font-size:.9rem}.pattern-time,.reward-time{color:var(--text-muted);font-size:.8rem;font-family:Courier New,monospace}.sections-list{display:flex;flex-wrap:wrap;gap:.5rem}.section-tag{background:var(--secondary-bg);color:var(--neon-green);padding:.25rem .5rem;border-radius:12px;border:1px solid rgba(0,255,170,.3);font-size:.8rem;font-weight:500}@media (max-width: 768px){.admin-engagement-panel{width:calc(100vw - 40px);max-width:400px;top:10px;right:20px;left:20px}.metrics-grid{grid-template-columns:1fr}}.admin-btn.analytics-btn{background:linear-gradient(45deg,var(--neon-blue),var(--neon-green))}.admin-btn.analytics-btn:hover{box-shadow:0 0 20px #00aaff80}.app-bar{position:fixed;top:0;left:0;width:100%;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .3s ease-in-out;background:transparent}.app-bar.scrolled{background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 50px;box-shadow:0 4px 30px #0000001a}.app-bar-container{width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo a{font-size:24px;font-weight:800;color:var(--text-primary);text-decoration:none;letter-spacing:1px}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--neon-green)}@media (max-width: 768px){.nav-links{display:none}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%)}.hero-background{position:absolute;top:0;left:0;width:100%;height:120%;z-index:1}.hero-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,170,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,170,.1) 1px,transparent 1px);background-size:50px 50px;opacity:.3}.hero-particles{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,255,170,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,170,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(170,0,255,.1) 0%,transparent 50%)}.hero-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:100vh}.hero-content{display:flex;flex-direction:column;gap:20px}.hero-greeting{font-size:18px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-weight:500}.hero-name{font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:.9;margin:10px 0;display:flex;flex-direction:column}.name-first{color:var(--text-primary)}.name-last{color:var(--neon-green);text-shadow:0 0 20px var(--neon-green)}.hero-title{display:flex;flex-direction:column;gap:5px}.title-line{font-size:clamp(1.2rem,3vw,2rem);color:var(--text-secondary);font-weight:600}.hero-description{font-size:18px;color:var(--text-muted);line-height:1.6;max-width:500px;margin:20px 0}.hero-actions{display:flex;gap:20px;margin-top:30px}.cta-button{padding:15px 30px;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px;border:2px solid}.cta-button.primary{background:var(--neon-green);color:var(--primary-bg);border-color:var(--neon-green);box-shadow:0 0 20px #00ffaa4d}.cta-button.secondary{background:transparent;color:var(--neon-green);border-color:var(--neon-green)}.cta-button.secondary:hover{background:var(--neon-green);color:var(--primary-bg);box-shadow:0 0 30px #00ffaa80}.hero-visual{display:flex;align-items:center;justify-content:center;height:100%}.visual-container{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center}.floating-element{position:absolute;background:linear-gradient(145deg,#1e1e1e,#0f0f0f);border:2px solid var(--neon-green);border-radius:12px;padding:12px 20px;color:var(--neon-green);font-weight:700;box-shadow:0 0 20px #00ffaa4d,8px 8px 16px #0a0a0a,-8px -8px 16px #2a2a2a}.element-1{top:50px;left:80px}.element-2{top:200px;right:50px}.element-3{bottom:80px;left:50px}.center-orb{width:150px;height:150px;background:radial-gradient(circle,var(--neon-green) 0%,transparent 70%);border-radius:50%;border:3px solid var(--neon-green);box-shadow:0 0 20px var(--neon-green)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);font-size:14px;z-index:3}.scroll-arrow{font-size:20px;color:var(--neon-green)}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:40px;text-align:center}.visual-container{width:300px;height:300px}.floating-element{padding:8px 16px;font-size:14px}.center-orb{width:120px;height:120px}}@media (max-width: 768px){.hero-container{padding:0 15px;gap:30px}.hero-actions{flex-direction:column;align-items:center;gap:15px}.cta-button{width:100%;max-width:250px}.visual-container{width:250px;height:250px}.floating-element{padding:6px 12px;font-size:12px}.center-orb{width:100px;height:100px}}@media (max-width: 480px){.hero-description{font-size:16px}.visual-container{width:200px;height:200px}.floating-element{padding:4px 8px;font-size:10px}.center-orb{width:80px;height:80px}}.section{padding:100px 0;position:relative;overflow:visible}.neuro-section{background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%)}.section-header{text-align:center;margin-bottom:80px}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:20px;color:var(--text-primary)}.section-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--neon-green),var(--neon-blue));-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);-webkit-box-shadow:0 0 10px var(--neon-green);-moz-box-shadow:0 0 10px var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.timeline-item{position:relative;margin-bottom:60px;width:calc(50% - 40px)}.timeline-item:nth-child(odd){left:0;text-align:right}.timeline-item:nth-child(2n){left:calc(50% + 40px);text-align:left}.timeline-marker{position:absolute;top:20px}.timeline-item:nth-child(odd) .timeline-marker{right:-50px}.timeline-item:nth-child(2n) .timeline-marker{left:-50px}.timeline-dot{width:20px;height:20px;background:var(--neon-green);border-radius:50%;border:4px solid var(--primary-bg);position:relative;z-index:2;-webkit-animation:pulse-fade 2.5s infinite;animation:pulse-fade 2.5s infinite}.timeline-content{padding:30px;background:linear-gradient(145deg,#1e1e1e,#0f0f0f);border-radius:var(--border-radius);border:1px solid rgba(0,255,170,.2);box-shadow:0 0 30px #00ffaa1a,20px 20px 60px #0a0a0a,-20px -20px 60px #2a2a2a}.timeline-year,.experience-year{display:inline-block;background:var(--neon-green);color:var(--primary-bg);padding:6px 12px;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:15px}.timeline-title,.experience-title{font-size:20px;color:var(--text-primary);margin-bottom:8px;font-weight:700}.timeline-institution,.experience-company{color:var(--neon-green);font-size:16px;margin-bottom:15px;font-weight:600}.timeline-description,.experience-description{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.timeline-skills,.experience-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.skill-tag,.tech-tag,.feature-tag{background:#00ffaa1a;color:var(--neon-green);padding:4px 8px;border-radius:4px;font-size:12px;border:1px solid rgba(0,255,170,.3)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px}.skill-category{padding:30px}.category-title{color:var(--neon-green);font-size:20px;margin-bottom:25px;text-align:center;font-weight:700}.skills-list{display:flex;flex-direction:column;gap:20px}.skill-item{margin-bottom:15px}.skill-header{display:flex;justify-content:space-between;margin-bottom:8px}.skill-name{color:var(--text-primary);font-weight:600}.skill-percentage{color:var(--neon-green);font-weight:700}.skill-bar{height:8px;background:var(--tertiary-bg);border-radius:4px;overflow:hidden;border:1px solid rgba(0,255,170,.2)}.skill-progress{height:100%;background:linear-gradient(90deg,var(--neon-green),var(--neon-blue));border-radius:4px;box-shadow:0 0 10px var(--neon-green)}.project-filters{display:flex;justify-content:center;gap:15px;margin-bottom:50px;flex-wrap:wrap}.filter-btn{background:transparent;border:2px solid var(--neon-green);color:var(--neon-green);padding:10px 20px;border-radius:25px;cursor:pointer;transition:var(--transition);font-weight:600;text-transform:uppercase;letter-spacing:1px}.filter-btn:hover,.filter-btn.active{background:var(--neon-green);color:var(--primary-bg);box-shadow:0 0 20px #00ffaa80}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.project-card{overflow:hidden;transition:var(--transition);cursor:pointer}.project-image{position:relative;height:200px;background:var(--tertiary-bg);overflow:hidden}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-muted)}.project-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:20px}.project-link{background:var(--neon-green);color:var(--primary-bg);padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:600;transition:var(--transition);cursor:pointer}.project-link:hover{box-shadow:0 0 20px var(--neon-green);transform:scale(1.05)}.project-content{padding:25px}.project-title{color:var(--text-primary);font-size:18px;margin-bottom:10px;font-weight:700}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.project-technologies{display:flex;flex-wrap:wrap;gap:8px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px}.service-card{padding:40px 30px;text-align:center;position:relative;overflow:hidden;cursor:pointer;transition:var(--transition)}.service-icon{font-size:48px;margin-bottom:20px;display:inline-block}.service-title{color:var(--text-primary);font-size:20px;margin-bottom:15px;font-weight:700}.service-description{color:var(--text-secondary);line-height:1.6;margin-bottom:25px}.service-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.service-cta{color:var(--neon-green);font-weight:600;opacity:0;transition:var(--transition)}.service-card:hover .service-cta{opacity:1}.experience-timeline{position:relative;max-width:900px;margin:0 auto}.experience-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.experience-main{flex:1}.experience-achievements{margin:20px 0}.experience-achievements h5{color:var(--text-primary);margin-bottom:10px;font-weight:600}.experience-achievements li{color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.experience-achievements li:before{content:"▸";color:var(--neon-green);position:absolute;left:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px}.contact-info h3{color:var(--text-primary);font-size:24px;margin-bottom:20px;font-weight:700}.contact-info p{color:var(--text-secondary);line-height:1.6;margin-bottom:40px}.contact-list{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.contact-item{display:flex;align-items:center;gap:20px;padding:20px;text-decoration:none;color:inherit;transition:var(--transition);cursor:pointer}.contact-icon{font-size:24px;width:50px;text-align:center}.contact-details{display:flex;flex-direction:column}.contact-label{color:var(--text-muted);font-size:14px;margin-bottom:5px}.contact-value{color:var(--text-primary);font-weight:600}.social-links h4{color:var(--text-primary);margin-bottom:20px;font-weight:600}.social-icons{display:flex;gap:15px}.social-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--neon-green);text-decoration:none;font-weight:700;cursor:pointer}.contact-form{padding:40px}.contact-form h3{color:var(--text-primary);font-size:24px;margin-bottom:30px;text-align:center;font-weight:700}.form-group{margin-bottom:25px}.form-input{width:100%;padding:15px;background:var(--secondary-bg);border:2px solid rgba(0,255,170,.2);border-radius:8px;color:var(--text-primary);font-size:16px;transition:var(--transition);cursor:pointer}.form-input:focus{outline:none;border-color:var(--neon-green);box-shadow:0 0 20px #00ffaa4d}.form-input::placeholder{color:var(--text-muted)}.submit-button{width:100%;padding:15px;background:var(--neon-green);color:var(--primary-bg);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px}.submit-button:hover:not(:disabled){box-shadow:0 0 30px #00ffaa80;transform:translateY(-2px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-message{margin-top:20px;padding:15px;background:#00ffaa1a;border:1px solid var(--neon-green);border-radius:8px;color:var(--neon-green);text-align:center}@media (max-width: 1024px){.timeline:before{left:30px}.timeline-item{width:calc(100% - 80px);left:80px!important;text-align:left}.timeline-marker{left:-50px!important}.contact-grid{grid-template-columns:1fr;gap:40px}}@media (max-width: 768px){.section{padding:60px 0}.section-header{margin-bottom:40px}.timeline-item{width:calc(100% - 60px);left:60px!important}.timeline-content{padding:20px}.skills-grid,.services-grid,.projects-grid{grid-template-columns:1fr;gap:20px}.project-filters{gap:10px}.filter-btn{padding:8px 16px;font-size:14px}.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.section{padding:40px 0}.timeline:before{left:20px}.timeline-item{width:calc(100% - 50px);left:50px!important}.timeline-marker{left:-35px!important}.service-card,.contact-form{padding:20px}.contact-item{padding:15px}}.experience-timeline{position:relative;max-width:800px;margin:0 auto}.experience-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--neon-green),var(--neon-blue));transform:translate(-50%);box-shadow:0 0 10px var(--neon-green)}.experience-timeline .timeline-item{position:relative;margin-bottom:60px;width:calc(50% - 40px)}.experience-timeline .timeline-item:nth-child(odd){left:0;text-align:right}.experience-timeline .timeline-item:nth-child(2n){left:calc(50% + 40px);text-align:left}.experience-timeline .timeline-marker{position:absolute;top:20px}.experience-timeline .timeline-item:nth-child(odd) .timeline-marker{right:-50px}.experience-timeline .timeline-item:nth-child(2n) .timeline-marker{left:-50px}.experience-timeline .timeline-dot{width:20px;height:20px;background:var(--neon-green);border-radius:50%;border:4px solid var(--primary-bg);position:relative;z-index:2;animation:pulse-fade 2.5s infinite}.experience-timeline .timeline-content{padding:30px;background:linear-gradient(145deg,#1e1e1e,#0f0f0f);border-radius:var(--border-radius);border:1px solid rgba(0,255,170,.2);box-shadow:0 0 30px #00ffaa1a,20px 20px 60px #0a0a0a,-20px -20px 60px #2a2a2a}.experience-year{display:inline-block;background:var(--neon-green);color:var(--primary-bg);padding:6px 12px;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:15px}.experience-title{font-size:20px;color:var(--text-primary);margin-bottom:8px;font-weight:700}.experience-company{color:var(--neon-green);font-size:16px;margin-bottom:15px;font-weight:600}.experience-description{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.experience-achievements{margin-bottom:25px}.experience-achievements h5{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:10px}.experience-achievements ul{list-style:none;padding:0}.experience-achievements li{color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative;line-height:1.5}.experience-achievements li:before{content:"▸";color:var(--neon-green);position:absolute;left:0;font-weight:700}.experience-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.experience-technologies .tech-tag{background:#00ffaa1a;color:var(--neon-green);padding:4px 8px;border-radius:4px;font-size:12px;border:1px solid rgba(0,255,170,.3)}@media (max-width: 1024px){.experience-timeline:before{left:30px}.experience-timeline .timeline-item{width:calc(100% - 80px);left:80px!important;text-align:left}.experience-timeline .timeline-marker{left:-50px!important}}@media (max-width: 768px){.experience-timeline .timeline-item{width:calc(100% - 60px);left:60px!important}.experience-timeline .timeline-content{padding:20px}}@media (max-width: 480px){.experience-timeline:before{left:20px}.experience-timeline .timeline-item{width:calc(100% - 50px);left:50px!important}.experience-timeline .timeline-marker{left:-35px!important}}@keyframes pulse-fade{0%{box-shadow:0 0 #00ffaab3,0 0 20px var(--neon-green)}70%{box-shadow:0 0 0 15px #0fa0,0 0 20px var(--neon-green)}to{box-shadow:0 0 #0fa0,0 0 20px var(--neon-green)}}.key-access-gate{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#111,#0a0a0a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:100vh}.gate-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,255,170,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,255,170,.03) 0%,transparent 50%),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48ZmlsdGVyIGlkPSJub2lzZSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuOSIgbnVtT2N0YXZlcz0iNCIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWx0ZXI9InVybCgjbm9pc2UpIiBvcGFjaXR5PSIwLjAyIi8+PC9zdmc+);pointer-events:none}.gate-container{position:relative;width:100%;max-width:500px;margin:0 auto;padding:20px}.gate-content{background:#121212f2;border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,255,170,.1);box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff0d,0 0 60px #00ffaa1a;position:relative;overflow:hidden}.gate-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,170,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gate-header{text-align:center;margin-bottom:40px}.gate-header h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:15px;background:linear-gradient(135deg,#fff,#0fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,170,.3)}.gate-header p{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin:0}.gate-form{margin-bottom:30px}.input-group{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.access-key-input{background:#0009;border:2px solid rgba(0,255,170,.2);border-radius:12px;padding:16px 20px;color:#fff;font-size:1.1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:1px;transition:all .3s ease;outline:none;box-shadow:inset 4px 4px 8px #00000080,inset -4px -4px 8px #ffffff05}.access-key-input:focus{border-color:#00ffaa80;box-shadow:inset 4px 4px 8px #00000080,inset -4px -4px 8px #ffffff05,0 0 20px #0fa3}.access-key-input::placeholder{color:#fff6}.access-key-input:disabled{opacity:.6;cursor:not-allowed}.access-submit-btn{background:linear-gradient(135deg,#0fa,#0c8);border:none;border-radius:12px;padding:16px 32px;color:#000;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;box-shadow:4px 4px 12px #0006,0 0 20px #00ffaa4d}.access-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:6px 6px 16px #00000080,0 0 30px #0fa6}.access-submit-btn:active{transform:translateY(0)}.access-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,0,0,.3);border-radius:50%;border-top-color:#000;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.gate-message{padding:12px 16px;border-radius:8px;font-size:.95rem;font-weight:500;text-align:center;margin-top:15px;animation:fadeInUp .3s ease}.gate-message.success{background:#00ffaa1a;border:1px solid rgba(0,255,170,.3);color:#0fa}.gate-message.error{background:#ff46461a;border:1px solid rgba(255,70,70,.3);color:#ff6b6b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.session-info{background:#00ffaa0d;border:1px solid rgba(0,255,170,.2);border-radius:12px;padding:20px;margin-bottom:20px}.session-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.company-name{color:#0fa;font-weight:600;font-size:1.1rem}.time-remaining{color:#ffffffb3;font-size:.9rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.gate-footer{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:30px}.demo-toggle-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;padding:8px 16px;cursor:pointer;transition:all .3s ease;font-size:.9rem;margin-bottom:20px}.demo-toggle-btn:hover{background:#ffffff1a;color:#fff}.demo-keys{background:#0000004d;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.demo-keys p{color:#fffc;margin-bottom:15px;font-size:.9rem}.demo-key-list{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.demo-key-btn{background:#00ffaa1a;border:1px solid rgba(0,255,170,.2);border-radius:6px;color:#0fa;padding:8px 12px;cursor:pointer;transition:all .2s ease;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;text-align:left}.demo-key-btn:hover{background:#0fa3;transform:translate(4px)}.demo-keys small{color:#ffffff80;font-size:.8rem;font-style:italic}.gate-info{color:#fff9;font-size:.9rem;line-height:1.5}.gate-info strong{color:#fff}@media (max-width: 768px){.gate-container{padding:15px}.gate-content{padding:30px 20px}.gate-header h1{font-size:2rem}.gate-header p{font-size:1rem}.access-key-input{font-size:1rem;padding:14px 16px}.access-submit-btn{font-size:1rem;padding:14px 24px}.session-details{flex-direction:column;text-align:center}}@media (max-width: 480px){.gate-content{padding:25px 15px}.gate-header h1{font-size:1.8rem}.input-group{gap:15px}.demo-key-list{gap:6px}.demo-key-btn{font-size:.75rem;padding:6px 10px}}.key-manager-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.key-manager-container{background:#121212f2;border-radius:16px;width:100%;max-width:1000px;max-height:90vh;border:1px solid rgba(0,255,170,.2);box-shadow:0 20px 40px #00000080,0 0 60px #00ffaa1a;overflow:hidden;display:flex;flex-direction:column}.key-manager-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000004d}.key-manager-header h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;color:#ffffffb3;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease}.close-btn:hover{color:#fff;background:#ffffff1a}.key-manager-tabs{display:flex;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.tab-btn{background:none;border:none;color:#ffffffb3;padding:15px 25px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500;border-bottom:3px solid transparent}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#0fa;border-bottom-color:#0fa;background:#00ffaa1a}.search-section{padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.search-input{width:100%;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:.95rem;outline:none;transition:all .3s ease}.search-input:focus{border-color:#00ffaa80;box-shadow:0 0 10px #0fa3}.search-input::placeholder{color:#ffffff80}.key-manager-content{flex:1;overflow-y:auto;padding:0}.keys-section,.logs-section,.create-section{padding:20px 30px}.empty-state{text-align:center;padding:40px 20px;color:#fff9}.keys-list{display:flex;flex-direction:column;gap:15px}.key-item{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .3s ease}.key-item:hover{border-color:#00ffaa4d;background:#00ffaa05}.key-item.revoked{opacity:.6;border-color:#ff46464d}.key-item.expired{border-color:#ffa5004d}.key-info{flex:1}.key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.key-header h4{color:#fff;margin:0;font-size:1.2rem;font-weight:600}.key-status{display:flex;gap:10px}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#0fa3;color:#0fa;border:1px solid rgba(0,255,170,.3)}.status-badge.expired{background:#ffa50033;color:orange;border:1px solid rgba(255,165,0,.3)}.status-badge.revoked{background:#ff464633;color:#ff6b6b;border:1px solid rgba(255,70,70,.3)}.key-details{display:flex;flex-direction:column;gap:10px}.key-field{display:flex;align-items:center;gap:10px}.key-value{background:#00000080;padding:8px 12px;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#0fa;font-size:.9rem;letter-spacing:1px}.copy-btn{background:#0fa3;border:1px solid rgba(0,255,170,.3);color:#0fa;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.copy-btn:hover{background:#00ffaa4d}.key-meta{display:flex;gap:20px;color:#fff9;font-size:.85rem;flex-wrap:wrap}.contact-info{display:flex;gap:15px;color:#ffffffb3;font-size:.9rem;flex-wrap:wrap}.key-notes{background:#ffffff0d;padding:10px;border-radius:6px;border-left:3px solid rgba(0,255,170,.3)}.key-notes p{color:#fffc;margin:0;font-size:.9rem;line-height:1.4}.key-actions{display:flex;flex-direction:column;gap:8px;margin-left:20px}.edit-btn,.revoke-btn{padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;border:none;min-width:70px}.edit-btn{background:#0fa3;color:#0fa;border:1px solid rgba(0,255,170,.3)}.edit-btn:hover{background:#00ffaa4d}.revoke-btn{background:#ff464633;color:#ff6b6b;border:1px solid rgba(255,70,70,.3)}.revoke-btn:hover{background:#ff46464d}.logs-list{display:flex;flex-direction:column;gap:10px}.log-item{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;display:flex;justify-content:space-between;align-items:center}.log-item.success{border-left:3px solid #00ffaa}.log-item.failed{border-left:3px solid #ff6b6b}.log-info{flex:1}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;flex-wrap:wrap;gap:10px}.log-key{font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#0fa;font-size:.9rem}.log-time{color:#fff9;font-size:.85rem}.log-details{display:flex;gap:15px;color:#ffffffb3;font-size:.85rem;flex-wrap:wrap}.log-company{font-weight:500}.log-reason{color:#ff4646cc}.status-badge.success{background:#0fa3;color:#0fa;border:1px solid rgba(0,255,170,.3)}.status-badge.failed{background:#ff464633;color:#ff6b6b;border:1px solid rgba(255,70,70,.3)}.create-form{max-width:600px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#fff;font-weight:500;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group textarea{width:100%;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:.95rem;outline:none;transition:all .3s ease;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#00ffaa80;box-shadow:0 0 10px #0fa3}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.create-btn{background:linear-gradient(135deg,#0fa,#0c8);border:none;border-radius:8px;padding:12px 24px;color:#000;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.create-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00ffaa4d}.edit-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10001}.edit-modal{background:#121212f2;border-radius:12px;padding:30px;width:90%;max-width:500px;border:1px solid rgba(0,255,170,.2)}.edit-modal h3{color:#fff;margin:0 0 20px;font-size:1.3rem}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.modal-actions button{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.modal-actions button:first-child{background:#ffffff1a;color:#fffc}.modal-actions button:first-child:hover{background:#fff3}.modal-actions button:last-child{background:#0fa;color:#000}.modal-actions button:last-child:hover{background:#0c8}@media (max-width: 768px){.key-manager-overlay{padding:10px}.key-manager-container{max-height:95vh}.key-manager-header,.keys-section,.logs-section,.create-section,.search-section{padding:15px 20px}.key-item{flex-direction:column;gap:15px}.key-actions{flex-direction:row;margin-left:0}.key-meta,.contact-info{flex-direction:column;gap:5px}.log-header{flex-direction:column;align-items:flex-start;gap:5px}.form-row{grid-template-columns:1fr}.tab-btn{padding:12px 15px;font-size:.9rem}}@media (max-width: 480px){.key-manager-header h2{font-size:1.3rem}.key-header{flex-direction:column;align-items:flex-start;gap:10px}.key-field{flex-direction:column;align-items:flex-start;gap:8px}.edit-modal{padding:20px}.modal-actions{flex-direction:column}}