html,body,#root{width:100%;height:100%}body{color:#fff;background-color:#000;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}a{color:#00d4ff;text-decoration:none;transition:all .3s}a:hover{color:#09f}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#00d4ff1a}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}*{box-sizing:border-box;margin:0;padding:0}.content{z-index:10;text-align:center;position:relative}.personal-info{text-align:center;border-bottom:1px solid #00d4ff33;margin-bottom:80px;padding-bottom:40px}.personal-info h1{background:linear-gradient(45deg,#00d4ff,#09f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.5rem}.personal-info .title{color:#00d4ff;margin-bottom:1rem;font-size:1.5rem}.personal-info .bio{color:#aaa;max-width:600px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.6}.contact-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.contact-links a{color:#00d4ff;border:1px solid #00d4ff;border-radius:5px;padding:10px 20px;text-decoration:none;transition:all .3s}.contact-links a:hover{color:#000;background-color:#00d4ff;box-shadow:0 0 15px #00d4ff66}.experiences{text-align:left;margin-bottom:80px}.experiences h2{color:#fff;margin-bottom:2rem;padding-bottom:1rem;font-size:2rem;position:relative}.experiences h2:after{content:"";background:linear-gradient(45deg,#00d4ff,#09f);width:60px;height:3px;position:absolute;bottom:0;left:0}.filter-buttons{flex-wrap:wrap;gap:12px;margin-bottom:2rem;display:flex}.filter-btn{color:#00d4ff;cursor:pointer;background:#0096ff1a;border:1px solid #00d4ff;border-radius:20px;padding:10px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;transition:all .3s}.filter-btn:hover{background:#00d4ff33;transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff33}.filter-btn.active{color:#000;background:#00d4ff;box-shadow:0 0 20px #00d4ff66}.timeline-button{color:#00d4ff;border:1px solid #00d4ff;border-radius:5px;margin-bottom:2rem;padding:10px 20px;font-size:.95rem;text-decoration:none;transition:all .3s;display:inline-block}.timeline-button:hover{color:#000;background-color:#00d4ff;box-shadow:0 0 15px #00d4ff66}.experience-items{flex-direction:column;gap:1.5rem;display:flex}.experience-item-link{color:inherit;text-decoration:none}.experience-item{cursor:pointer;background:#ffffff08;border-left:3px solid #00d4ff;border-radius:5px;padding:1.5rem;transition:all .3s}.experience-item:hover{background:#00d4ff0d;border-left-color:#09f;transform:translate(10px);box-shadow:0 5px 20px #00d4ff33}.experience-item h3{color:#fff;margin-bottom:.5rem;font-size:1.3rem}.experience-item .company{color:#00d4ff;margin-bottom:.8rem;font-size:.95rem}.experience-item p{color:#aaa;margin-bottom:.5rem;line-height:1.6}.view-more{color:#00d4ff;margin-top:.5rem;font-weight:500;display:inline-block}.tech-stacks{text-align:left;margin-bottom:80px}.tech-stacks h2{color:#fff;margin-bottom:2rem;padding-bottom:1rem;font-size:2rem;position:relative}.tech-stacks h2:after{content:"";background:linear-gradient(45deg,#00d4ff,#09f);width:60px;height:3px;position:absolute;bottom:0;left:0}.skills-category{margin-bottom:2rem}.skills-category h4{color:#00d4ff;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-size:1.1rem}.skill-tags{flex-wrap:wrap;gap:10px;display:flex}.skill-tag{color:#00d4ff;background:#0096ff1a;border:1px solid #00d4ff;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .3s;display:inline-block}.skill-tag:hover{background:#00d4ff33;transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff33}.projects{text-align:left;margin-bottom:60px}.projects h2{color:#fff;margin-bottom:2rem;padding-bottom:1rem;font-size:2rem;position:relative}.projects h2:after{content:"";background:linear-gradient(45deg,#00d4ff,#09f);width:60px;height:3px;position:absolute;bottom:0;left:0}.project-item{background:#ffffff08;border:1px solid #00d4ff1a;border-radius:5px;margin-bottom:1.5rem;padding:2rem;transition:all .3s}.project-item:hover{background:#00d4ff0d;border-color:#00d4ff4d;transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff26}.project-item h3{color:#fff;margin-bottom:.8rem;font-size:1.3rem}.project-item p{color:#aaa;margin-bottom:1rem;line-height:1.6}.project-link{color:#00d4ff;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.project-link:hover{color:#09f;transform:translate(5px)}.footer{text-align:center;color:#666;border-top:1px solid #00d4ff33;padding-top:40px;font-size:.9rem}@media (width<=768px){.personal-info h1{font-size:2.5rem}.personal-info .title{font-size:1.2rem}.experiences h2,.tech-stacks h2,.projects h2{font-size:1.5rem}.container{padding:40px 15px}.filter-buttons{flex-direction:column}.filter-btn{width:100%}.experience-item{padding:1rem}.skill-tags{gap:8px}.skill-tag{padding:6px 12px;font-size:.85rem}}.back-button{color:#00d4ff;border:1px solid #00d4ff;border-radius:5px;margin-bottom:2rem;padding:10px 20px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.timeline-button-container{margin-bottom:2rem}.detail-header{text-align:left;border-bottom:2px solid #00d4ff33;margin-bottom:3rem;padding-bottom:2rem}.detail-header h1{color:#fff;background:linear-gradient(45deg,#00d4ff,#09f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem}.detail-company{color:#00d4ff;margin-top:0;margin-bottom:1rem;font-size:1.2rem}.detail-meta{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.detail-type{color:#00d4ff;background:#0096ff1a;border:1px solid #00d4ff;border-radius:20px;padding:8px 16px;font-size:.9rem;display:inline-block}.detail-date{color:#888;font-size:1rem}.detail-section{text-align:left;margin-bottom:2.5rem}.detail-section h2{color:#fff;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;position:relative}.detail-section h2:before{content:"▸ ";color:#00d4ff;margin-right:.5rem}.detail-section>p{color:#aaa;margin-bottom:1rem;font-size:1rem;line-height:1.8}.detail-list{padding-left:0;list-style:none}.detail-list li{color:#aaa;margin-bottom:1rem;padding-left:1.5rem;line-height:1.8;position:relative}.detail-list li:before{content:"✓";color:#00d4ff;font-weight:700;position:absolute;left:0}.tech-list{flex-wrap:wrap;gap:10px;display:flex}.tech-badge{color:#00d4ff;background:#0096ff1a;border:1px solid #00d4ff;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .3s;display:inline-block}.tech-badge:hover{background:#00d4ff33;transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff33}.error-message{text-align:center;background:#ffffff08;border:1px solid #f003;border-radius:5px;margin:2rem 0;padding:3rem}.error-message h2{color:#ff6b6b;margin-bottom:1rem;font-size:2rem}.error-message p{color:#aaa;margin-bottom:2rem}.footer{text-align:center;color:#666;border-top:1px solid #00d4ff33;margin-top:4rem;padding-top:40px;font-size:.9rem}body{color:#fff;background-color:#000;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}#canvas{z-index:2;display:block;position:fixed;top:0;left:0}.content{z-index:10;position:relative}.container{max-width:900px;margin:0 auto;padding:60px 20px;display:block}@media (width<=768px){.detail-header h1{font-size:1.8rem}.detail-company{font-size:1rem}.detail-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-section h2{font-size:1.2rem}.detail-section>p,.detail-list li{font-size:.95rem}.container{padding:40px 15px}.tech-list{gap:8px}.tech-badge{padding:6px 12px;font-size:.85rem}}.chat-toggle-btn{color:#000;cursor:pointer;z-index:999;background:linear-gradient(45deg,#00d4ff,#09f);border:2px solid #00d4ff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:700;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 0 20px #00d4ff66}.chat-toggle-btn:hover{transform:translateY(-3px);box-shadow:0 0 30px #00d4ff99}.chat-widget{z-index:1000;background:#1a1a1a;border:1px solid #00d4ff4d;border-radius:8px;flex-direction:column;width:400px;height:600px;animation:.3s slideUp;display:flex;position:fixed;bottom:100px;right:30px;overflow:hidden;box-shadow:0 0 40px #00d4ff26}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{color:#fff;background:#00d4ff1a;border-bottom:1px solid #00d4ff33;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-header h3{background:linear-gradient(45deg,#00d4ff,#09f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:16px;font-weight:600}.chat-header .close-btn{color:#00d4ff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:20px;transition:all .2s;display:flex}.chat-header .close-btn:hover{color:#09f;transform:rotate(90deg)}.chat-messages{background:#000;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.message{flex-direction:column;animation:.3s messageAppear;display:flex}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{align-items:flex-end}.message-bot{align-items:flex-start}.message-content{word-wrap:break-word;border:1px solid #0000;border-radius:8px;max-width:80%;padding:10px 14px;font-size:13px;line-height:1.5}.message-user .message-content{color:#00d4ff;background:#00d4ff26;border:1px solid #00d4ff4d;border-bottom-right-radius:2px}.message-bot .message-content{color:#fff;background:#00d4ff0d;border:1px solid #00d4ff26;border-bottom-left-radius:2px}.message-time{color:#666;margin-top:4px;padding:0 4px;font-size:11px}.typing-indicator{background:#00d4ff0d;border:1px solid #00d4ff26;border-radius:8px 8px 8px 2px;gap:4px;padding:10px 14px;display:flex}.typing-indicator span{background:#00d4ff;border-radius:50%;width:6px;height:6px;animation:1.4s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.chat-input-form{background:#1a1a1a;border-top:1px solid #00d4ff33;gap:8px;padding:12px 16px;display:flex}.chat-input{color:#fff;background:#0a0a0a;border:1px solid #00d4ff33;border-radius:6px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .3s}.chat-input::placeholder{color:#666}.chat-input:focus{background:#0a0a0a;border-color:#00d4ff;box-shadow:0 0 12px #00d4ff33}.chat-input:disabled{cursor:not-allowed;color:#555;background:#00d4ff0d}.send-btn{color:#000;cursor:pointer;background:linear-gradient(45deg,#00d4ff,#09f);border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 15px #00d4ff4d}.send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#00d4ff0d}.chat-messages::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#00d4ff66}@media (width<=768px){.chat-widget{border-radius:8px;width:90vw;max-width:380px;height:70vh;bottom:80px;left:5vw;right:auto}.chat-toggle-btn{bottom:20px;right:20px}.message-content{max-width:85%}}@media (width<=480px){.chat-widget{border-radius:8px;width:calc(100vw - 20px);height:65vh;bottom:70px;right:10px}.chat-header h3{font-size:14px}.message-content{max-width:90%;font-size:12px}.chat-toggle-btn{width:50px;height:50px;font-size:20px}.send-btn{width:32px;height:32px;font-size:14px}}.timeline-header-section{border-bottom:1px solid #00d4ff33;align-items:center;gap:20px;margin-bottom:3rem;padding-bottom:2rem;display:flex}.back-button{color:#00d4ff;white-space:nowrap;border:1px solid #00d4ff;border-radius:5px;padding:10px 20px;font-size:.95rem;text-decoration:none;transition:all .3s}.back-button:hover{color:#000;background-color:#00d4ff;box-shadow:0 0 15px #00d4ff66}.timeline-title{color:#fff;flex:1;margin:0;font-size:2rem}.timeline-items{flex-direction:column;gap:1.5rem;display:flex}.timeline-item-link{color:inherit;text-decoration:none}.timeline-item{cursor:pointer;background:#ffffff08;border-left:3px solid #00d4ff;border-radius:5px;gap:2rem;padding:1.5rem;transition:all .3s;display:flex}.timeline-item:hover{background:#00d4ff0d;border-left-color:#09f;transform:translate(10px);box-shadow:0 5px 20px #00d4ff33}.timeline-date{color:#aaa;white-space:nowrap;min-width:150px;padding-top:.5rem;font-size:.95rem}.timeline-content h3{color:#fff;margin:0 0 .5rem;font-size:1.3rem}.timeline-company{color:#00d4ff;margin:.5rem 0;font-size:.95rem}.timeline-type{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin:.5rem 0 0;font-size:.85rem}@media (width<=768px){.timeline-header-section{flex-direction:column;align-items:flex-start;gap:10px}.timeline-item{flex-direction:column;gap:.5rem}.timeline-date{min-width:auto}.timeline-title{font-size:1.5rem}}