.header{position:fixed;top:0;left:0;right:0;height:64px;background:rgba(15,23,42,.8);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:var(--z-sticky);transition:transform var(--transition-base)}.header-content{height:64px}.logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-hero);border:2px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary-light);font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-lg);transition:all var(--transition-base)}.logo:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(37,99,235,.3)}.logo-text{line-height:1}.nav-list{list-style:none;margin:0;padding:0}.nav-link{color:var(--color-text-secondary);font-weight:var(--weight-medium);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);transition:color var(--transition-base);position:relative}.nav-link:hover{color:var(--color-primary-light);text-decoration:none}.nav-link.active{color:var(--color-primary)}.nav-link.active::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--color-primary);border-radius:50%}.header-actions{display:flex;align-items:center}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-dark);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--space-4);box-shadow:var(--shadow-lg)}.mobile-menu-list{list-style:none;margin:0;padding:0}.mobile-menu-link{display:block;padding:var(--space-4);color:var(--color-text-secondary);font-weight:var(--weight-medium);font-size:var(--text-base);border-radius:var(--radius-md);transition:all var(--transition-base)}.mobile-menu-link:hover{background:rgba(37,99,235,.1);color:var(--color-primary-light);text-decoration:none}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:64px;background:var(--gradient-hero)}.hero-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-particle-bg);opacity:.6}.hero-content{position:relative;z-index:var(--z-base);max-width:800px;margin:0 auto}.hero-name{font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--color-text-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.hero-widgets{margin-bottom:var(--space-6);flex-wrap:wrap}.hero-widget{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:rgba(30,41,59,.6);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-secondary);backdrop-filter:blur(5px)}.clock-icon,.weather-icon{font-size:var(--text-base)}.clock-time,.weather-temp{color:var(--color-text-primary);font-weight:var(--weight-medium)}.clock-timezone,.weather-city{color:var(--color-text-tertiary);font-size:var(--text-xs)}.hero-tagline{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.6}.hero-cta{margin-bottom:var(--space-12)}.scroll-indicator{color:var(--color-text-tertiary);opacity:.7;cursor:pointer;transition:all var(--transition-base)}.scroll-indicator:hover{opacity:1;color:var(--color-primary-light)}.skills-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}.skill-progress{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.skill-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);transition:width 1s ease-out;width:0}.skill-percentage{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-primary-light);margin-bottom:var(--space-4)}.skill-list{list-style:none;padding:0;margin:0}.skill-list li{padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--text-sm);position:relative;padding-left:var(--space-5)}.skill-list li::before{content:'▹';position:absolute;left:0;color:var(--color-primary);font-weight:700}.about-image{text-align:center}.profile-img{width:100%;max-width:300px;height:auto;border-radius:var(--radius-lg);border:3px solid var(--color-primary);box-shadow:0 0 30px rgba(37,99,235,.3)}.timeline{position:relative;max-width:900px;margin:0 auto}.social-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:rgba(30,41,59,.6);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-base)}.social-link:hover{background:rgba(37,99,235,.1);border-color:var(--color-primary);color:var(--color-primary-light);text-decoration:none;transform:translateX(4px)}.social-link svg{flex-shrink:0}.footer{background:var(--color-bg-medium);border-top:1px solid rgba(255,255,255,.1);padding:var(--space-12) 0;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.footer-text{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.footer-built{color:var(--color-text-tertiary);font-size:var(--text-xs);font-family:var(--font-mono);margin:0}.footer-links{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}.footer-links a{color:var(--color-text-tertiary);transition:color var(--transition-base)}.footer-links a:hover{color:var(--color-primary-light)}.chatbot-panel{position:fixed;bottom:0;right:0;width:100%;height:80vh;background:var(--color-bg-medium);border:1px solid rgba(255,255,255,.1);border-bottom:none;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;z-index:var(--z-fixed);transition:transform var(--transition-slow)}.chatbot-panel.hidden{transform:translateY(100%)}.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-bg-dark);border-bottom:1px solid rgba(255,255,255,.1)}.chatbot-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.chatbot-close{padding:var(--space-2);background:0 0;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:var(--text-2xl);line-height:1;transition:color var(--transition-base)}.chatbot-close:hover{color:var(--color-error)}.chatbot-body{flex:1;overflow-y:auto;padding:var(--space-6)}.chatbot-welcome{color:var(--color-text-secondary);line-height:1.6}.chatbot-welcome ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.chatbot-examples{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.chatbot-example{padding:var(--space-3) var(--space-4);background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.3);border-radius:var(--radius-md);color:var(--color-primary-light);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:all var(--transition-base)}.chatbot-example:hover{background:rgba(37,99,235,.2);border-color:var(--color-primary);transform:translateX(4px)}.chatbot-footer{padding:var(--space-4);background:var(--color-bg-dark);border-top:1px solid rgba(255,255,255,.1)}.chatbot-form{display:flex;gap:var(--space-2)}.chatbot-input{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-bg-medium);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--transition-base)}.chatbot-input:focus{outline:0;border-color:var(--color-primary)}.chatbot-submit{padding:var(--space-3);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;min-width:44px}.chatbot-submit:hover{background:var(--color-primary-dark);transform:scale(1.05)}@media (min-width:768px){.header{height:80px}.header-content{height:80px}.hero{padding-top:80px}.hero-name{font-size:var(--text-4xl-desktop)}.hero-title{font-size:var(--text-xl)}.hero-tagline{font-size:var(--text-lg)}.skills-grid{grid-template-columns:repeat(2,1fr)}.chatbot-panel{width:400px;height:600px;bottom:var(--space-6);right:var(--space-6);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.chatbot-panel.hidden{transform:translateY(calc(100% + var(--space-6)))}}@media (min-width:1024px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.chatbot-body::-webkit-scrollbar,.terminal-content::-webkit-scrollbar{width:6px}.chatbot-body::-webkit-scrollbar-track,.terminal-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.chatbot-body::-webkit-scrollbar-thumb,.terminal-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.chatbot-body::-webkit-scrollbar-thumb:hover,.terminal-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.chatbot-message{display:flex;margin-bottom:var(--space-4);animation:fadeInUp .3s ease-out}.chatbot-message-user{justify-content:flex-end}.chatbot-message-assistant{justify-content:flex-start}.chatbot-message-error{justify-content:center}.chatbot-message-bubble{max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);line-height:1.6;word-wrap:break-word}.chatbot-message-user .chatbot-message-bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.chatbot-message-assistant .chatbot-message-bubble{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);border-bottom-left-radius:4px}.chatbot-message-error .chatbot-message-bubble{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--color-error);text-align:center;max-width:100%}.chatbot-typing{display:flex;align-items:center;gap:4px;padding:var(--space-3) var(--space-4)}.chatbot-typing-dot{width:8px;height:8px;background:var(--color-text-tertiary);border-radius:50%;animation:typingDot 1.4s infinite}.chatbot-typing-dot:nth-child(2){animation-delay:.2s}.chatbot-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,100%,60%{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.chatbot-message-bubble{position:relative}.chatbot-message-assistant .chatbot-message-bubble.streaming::after{content:'▋';display:inline-block;margin-left:2px;animation:blink 1s step-end infinite;color:var(--color-primary)}