.navbar{position:fixed;top:0;width:100%;background:rgba(10,10,10,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease}.navbar.scrolled{background:rgba(10,10,10,.98);box-shadow:0 2px 20px #0000004d}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;cursor:pointer}.logo-text{color:#00d4ff}.logo-crypto{color:gold;margin-left:5px;animation:pulse 2s infinite}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative;cursor:pointer}.nav-link:hover{color:#00d4ff}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background:linear-gradient(90deg,#00d4ff,#ffd700);transition:width .3s ease}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:5px}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.bar{width:25px;height:3px;background:#ffffff;margin:3px 0;transition:.3s}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-bg-gradient{width:100%;height:100%}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-name{font-size:3.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;color:#fff}.hero-title{font-size:2rem;font-weight:600;margin-bottom:1rem;line-height:1.2;color:#00d4ff}.hero-tech-stack{font-size:1.2rem;color:gold;margin-bottom:2rem;font-weight:500;letter-spacing:1px}.hero-subtitle{font-size:1.5rem;color:#ccc;margin-bottom:1.5rem;font-weight:400}.hero-description{font-size:1.1rem;color:#aaa;margin-bottom:2rem;line-height:1.7}.hero-buttons{display:flex;gap:1rem}.hero-visual{display:flex;flex-direction:column;align-items:center;gap:2rem}.crypto-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.crypto-card{width:80px;height:80px;background:rgba(255,255,255,.1);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer}.crypto-card.price-up{color:#0f8;border-color:#0f8}.crypto-card.price-down{color:#f44;border-color:#f44}.blockchain-animation{display:flex;gap:.5rem}.block{width:20px;height:60px;background:linear-gradient(135deg,#00d4ff,#ffd700);border-radius:5px}.about{padding:100px 0;background:rgba(255,255,255,.02)}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:center}.about-text p{font-size:1.1rem;color:#ccc;margin-bottom:1.5rem;line-height:1.7}.stats{display:flex;gap:2rem;margin-top:2rem}.stat{text-align:center;cursor:pointer}.stat h3{font-size:2rem;color:#00d4ff;font-weight:700}.stat p{color:#aaa;font-size:.9rem}.profile-card{background:rgba(255,255,255,.1);border-radius:20px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);cursor:pointer}.profile-avatar{font-size:4rem;color:#00d4ff;margin-bottom:1rem}.profile-avatar-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(0,212,255,.6);box-shadow:0 8px 25px #00d4ff26}.profile-info h3{color:#fff;margin-bottom:.5rem}.profile-info p{color:#00d4ff;font-weight:500}.skills{padding:100px 0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category{background:rgba(255,255,255,.05);border-radius:15px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.skill-category:hover{transform:translateY(-5px);border-color:var(--category-color)}.skill-category h3{margin-bottom:1.5rem;font-size:1.3rem}.skill-items{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.skill-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(255,255,255,.05);border-radius:8px;transition:all .3s ease;cursor:pointer;position:relative}.skill-item:hover{background:rgba(0,212,255,.1);color:#00d4ff}.skill-item i{font-size:1.2rem;color:#00d4ff}.skill-level{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%}.projects{padding:100px 0;background:rgba(255,255,255,.02)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:rgba(255,255,255,.05);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.project-card:hover{transform:translateY(-10px);border-color:var(--project-color);box-shadow:0 20px 40px #00d4ff1a}.project-image{height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-placeholder{font-size:3rem;color:#fff}.project-category{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;opacity:0;transition:opacity .3s ease}.project-content{padding:1.5rem}.project-content h3{color:#fff;margin-bottom:1rem;font-size:1.3rem}.project-content p{color:#ccc;margin-bottom:1.5rem;line-height:1.6}.project-tech{display:flex;gap:.5rem;margin-bottom:0;flex-wrap:wrap}.tech-tag{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .3s ease;cursor:pointer}.project-card{display:block;text-decoration:none;color:inherit}.project-card:hover .project-content h3{color:#00d4ff;transition:color .3s ease}.experience{padding:100px 0}.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(to bottom,#00d4ff,#ffd700);transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:3rem;width:45%}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:55%}.timeline-marker{position:absolute;width:20px;height:20px;background:#00d4ff;border-radius:50%;top:0;border:4px solid #000000;cursor:pointer}.timeline-item.left .timeline-marker{right:-10px}.timeline-item.right .timeline-marker{left:-10px}.timeline-content{background:rgba(255,255,255,.05);padding:1.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);cursor:pointer}.timeline-content h4{color:#fff;margin-bottom:.5rem}.timeline-date{color:gold;font-size:.9rem;font-weight:500}.timeline-tech{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.contact{padding:100px 0;background:rgba(255,255,255,.02)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info h3{color:#fff;font-size:1.8rem;margin-bottom:1rem}.contact-info p{color:#ccc;margin-bottom:2rem;line-height:1.7}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:10px;transition:all .3s ease;text-decoration:none;color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.contact-method:hover{background:rgba(0,212,255,.1);border-color:#00d4ff;color:#fff}.contact-method i{font-size:1.3rem;width:20px;transition:all .3s ease;display:inline-block;color:#00d4ff}.contact-method:hover i{transform:scale(1.1);color:#00d4ff!important;text-shadow:0 0 10px rgba(0,212,255,.8)}.contact-form{background:rgba(255,255,255,.05);padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:1.5rem;position:relative}.form-group input,.form-group textarea{width:100%;padding:1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-family:inherit;transition:all .3s ease;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#aaa}.form-group input.error,.form-group textarea.error{border-color:#ff6b6b}.error-message{color:#ff6b6b;font-size:.8rem;margin-top:.5rem;display:block}.submit-status{margin-top:1rem;text-align:center;font-weight:500}.footer{background:rgba(0,0,0,.5);padding:2rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-text p{color:#aaa}.footer-social{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease;cursor:pointer}.social-link:hover{background:#00d4ff;transform:translateY(-2px);color:#fff;box-shadow:0 5px 15px #00d4ff66}.social-link i{transition:all .3s ease;display:inline-block;color:#fff}.social-link:hover i{transform:scale(1.1);text-shadow:0 0 8px rgba(255,255,255,.8)}@media (max-width: 768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:rgba(10,10,10,.95);width:100%;text-align:center;transition:.3s;padding:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-menu.active{left:0}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-title{font-size:2.5rem}.about-content{grid-template-columns:1fr;gap:2rem}.stats{justify-content:center}.contact-content{grid-template-columns:1fr;gap:2rem}.timeline:before{left:20px}.timeline-item{width:100%;left:40px!important;text-align:left!important}.timeline-marker{left:-30px!important}.footer-content{flex-direction:column;gap:1rem;text-align:center}.skill-items,.projects-grid{grid-template-columns:1fr}}.testimonials{padding:100px 0;background:rgba(255,255,255,.02)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:rgba(255,255,255,.05);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer;position:relative}.testimonial-card:hover{border-color:#00d4ff;background:rgba(255,255,255,.08)}.quote-icon{font-size:2rem;color:#00d4ff;opacity:.3;margin-bottom:1rem}.testimonial-content{font-size:1rem;color:#ccc;line-height:1.7;margin-bottom:1.5rem;font-style:italic}.testimonial-author{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.author-info h4{color:#fff;font-size:1.1rem;margin-bottom:.3rem;font-weight:600}.author-role{color:#00d4ff;font-size:.9rem;margin-bottom:.3rem}.author-contact{color:#aaa;font-size:.85rem;font-style:normal}@media (max-width: 480px){.hero-name{font-size:2rem}.hero-title{font-size:1.5rem}.hero-tech-stack{font-size:.9rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:200px;text-align:center}.crypto-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.crypto-card{width:60px;height:60px;font-size:1.5rem}.stats{flex-direction:column;gap:1rem}.testimonials-grid{grid-template-columns:1fr}}.chat-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#0099cc);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 20px #00d4ff66;z-index:999;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:box-shadow .3s ease}.chat-fab:hover{box-shadow:0 6px 28px #00d4ff80}.chat-panel{position:fixed;bottom:90px;right:24px;width:380px;max-width:calc(100vw - 48px);height:520px;max-height:calc(100vh - 120px);background:rgba(18,18,28,.98);border:1px solid rgba(0,212,255,.3);border-radius:16px;box-shadow:0 12px 40px #0006;z-index:998;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:14px 16px;background:rgba(0,212,255,.08);border-bottom:1px solid rgba(0,212,255,.2);display:flex;align-items:center;justify-content:space-between}.chat-title{font-weight:600;color:#00d4ff;font-size:1rem}.chat-close{background:none;border:none;color:#999;cursor:pointer;padding:4px;font-size:1rem}.chat-close:hover{color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.5) rgba(255,255,255,.06)}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:4px;margin:4px 0}.chat-messages::-webkit-scrollbar-thumb{background:rgba(0,212,255,.35);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.55)}.chat-messages::-webkit-scrollbar-thumb:active{background:rgba(0,212,255,.7)}.chat-welcome{color:#888;font-size:.9rem;padding:16px;text-align:center}.chat-message{max-width:90%;padding:10px 14px;border-radius:12px;font-size:.9rem;line-height:1.5}.chat-message--user{align-self:flex-end;background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,153,204,.2));border:1px solid rgba(0,212,255,.3)}.chat-message--assistant{align-self:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.chat-message-role{display:block;font-size:.75rem;font-weight:600;color:#00d4ff;margin-bottom:4px}.chat-message--user .chat-message-role{color:gold}.chat-message-content{color:#e0e0e0;white-space:pre-wrap;word-break:break-word}.chat-typing{display:flex;gap:4px;padding:4px 0}.chat-typing span{width:6px;height:6px;border-radius:50%;background:#00d4ff;animation:chatBounce 1.4s ease-in-out infinite both}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chatBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-error{padding:8px 12px;background:rgba(255,107,107,.15);border:1px solid rgba(255,107,107,.3);color:#ff6b6b;font-size:.85rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-error button{background:rgba(255,255,255,.1);border:none;color:#fff;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:.8rem}.chat-error button:hover{background:rgba(255,255,255,.2)}.chat-form{padding:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:8px;align-items:center}.chat-input{flex:1;padding:12px 14px;border-radius:24px;border:1px solid rgba(0,212,255,.3);background:rgba(0,0,0,.3);color:#fff;font-size:.95rem;outline:none;transition:border-color .2s}.chat-input::placeholder{color:#666}.chat-input:focus{border-color:#00d4ff}.chat-actions{flex-shrink:0}.chat-btn{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:transform .2s}.chat-btn--send{background:linear-gradient(135deg,#00d4ff,#0099cc);color:#fff}.chat-btn--send:hover:not(:disabled){transform:scale(1.05)}.chat-btn--send:disabled{opacity:.5;cursor:not-allowed}.chat-btn--stop{background:rgba(255,107,107,.3);color:#ff6b6b}.chat-btn--stop:hover{background:rgba(255,107,107,.5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;line-height:1.6;color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#00d4ff,#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{padding:12px 30px;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent;cursor:pointer;display:inline-block;font-family:inherit;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#00d4ff,#0099cc);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff66}.btn-secondary{background:transparent;color:#fff;border:2px solid #00d4ff}.btn-secondary:hover{background:#00d4ff;transform:translateY(-2px)}.gradient-text{background:linear-gradient(135deg,#00d4ff 0%,#ffd700 50%,#8a2be2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.3);transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}@media (max-width: 768px){.section-title{font-size:2rem}.container{padding:0 15px}}@media (max-width: 480px){.section-title{font-size:1.8rem}}