.portfolio-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-align:center}.portfolio-subtitle{font-size:1.15rem;color:#ffffffd9;margin-bottom:2.5rem;text-align:center}.portfolio-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;justify-content:center;margin:0 auto 3rem;max-width:900px}.portfolio-card-modern{background:#ffffff14;border-radius:1.5rem;box-shadow:0 4px 32px #0000001a;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s,transform .2s;border:1.5px solid rgba(255,255,255,.13)}.portfolio-card-modern:hover{box-shadow:0 8px 40px #667eea2e;transform:translateY(-6px) scale(1.025)}.portfolio-card-icon{font-size:3.2rem;margin-bottom:1.2rem;text-align:center;filter:drop-shadow(0 2px 8px rgba(102,126,234,.1))}.portfolio-card-title{font-size:1.45rem;font-weight:600;color:#fff;margin-bottom:.3rem;text-align:center}.portfolio-card-tech{font-size:1rem;color:#a3bffa;margin-bottom:1.1rem;text-align:center}.portfolio-card-desc{color:#ffffffeb;font-size:1.05rem;margin-bottom:2.2rem;text-align:center;min-height:60px}.portfolio-card-btn{margin-top:auto;width:auto;min-width:140px;max-width:200px;font-size:1.08rem;font-weight:500;border-radius:.75rem;padding:.85rem 1.5rem;box-shadow:0 2px 8px #667eea1a;text-align:center}@media (max-width: 768px){.portfolio-card-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.portfolio-card-modern{padding:1.5rem .7rem 1.2rem}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{background:#232946;border-radius:1rem;padding:1.5rem;max-width:90vw;width:700px;box-shadow:0 8px 32px #00000040;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:2rem;color:#fff;cursor:pointer;z-index:10}.modal-content iframe{border-radius:.5rem;background:#fff}.pdf-preview canvas{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 2px 12px #00000040;background:#fff}.avatar-fallback-initial{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;box-shadow:0 2px 6px #00000040;-webkit-user-select:none;user-select:none}:root{--primary-color: #667eea;--primary-dark: #5a67d8;--secondary-color: #764ba2;--accent-color: #f093fb;--text-primary: #2d3748;--text-secondary: #718096;--background-light: #ffffff;--background-dark: #f7fafc;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition: all .3s cubic-bezier(.4, 0, .2, 1);color-scheme:light only}.electron-app.hide-header .app-header{display:none!important}.electron-app.hide-header .main-content{margin-top:0!important;padding-top:2rem}.electron-app.hide-header .mobile-nav-controls,.electron-app.hide-header .mobile-slide-menu{display:none!important}*{cursor:url(cursor.png),auto!important}button,a,[onclick],[role=button],.btn,.app-card,.game-card,.tool-card,input[type=submit],input[type=button],select,.clickable{cursor:url(cursor.png),pointer!important}input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=tel],input[type=number],textarea,[contenteditable=true]{cursor:text!important}button:disabled,input:disabled,select:disabled,textarea:disabled,.disabled{cursor:not-allowed!important}[data-theme=dark]{--text-primary: #f7fafc;--text-secondary: #cbd5e0;--background-light: #1a202c;--background-dark: #2d3748;--border-color: #4a5568;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);color-scheme:light only}@supports (-webkit-touch-callout: none){html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light only}body{-webkit-overflow-scrolling:touch;position:relative;min-height:100vh;min-height:-webkit-fill-available;color-scheme:light only}}body.dark-theme{--text-primary: #f7fafc;--text-secondary: #cbd5e0;--background-light: #1a202c;--background-dark: #2d3748;--border-color: #4a5568;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);color-scheme:light only}body.light-theme{--text-primary: #2d3748;--text-secondary: #718096;--background-light: #ffffff;--background-dark: #f7fafc;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);color-scheme:light}*{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);transition:var(--transition);position:relative;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body.ios-device{-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}body.ios-device input,body.ios-device textarea,body.ios-device select{-webkit-user-select:text;user-select:text}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 40%,transparent 80%);pointer-events:none;z-index:-1;transition:background .3s ease}[data-theme=dark] body,body.dark-theme{background:linear-gradient(135deg,#1a202c,#2d3748)}[data-theme=dark] body:before,body.dark-theme:before{background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(102,126,234,.15) 0%,rgba(118,75,162,.1) 40%,transparent 80%)}body.light-theme{background:linear-gradient(135deg,#667eea,#764ba2)}body.light-theme:before{background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 40%,transparent 80%)}.app-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;z-index:1000;transition:var(--transition)}[data-theme=dark] .app-header,body.dark-theme .app-header{background:#1a202cf2}.navigation{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1200px;margin:0 auto}.nav-brand h1{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;font-weight:700}.nav-menu ul{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-primary);font-weight:500;transition:var(--transition);position:relative}.nav-links a:hover{color:var(--primary-color)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:var(--transition)}.nav-links a:hover:after{width:100%}.nav-auth{display:flex;gap:1rem;align-items:center}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--border-color);border-radius:50%;background:var(--background-light);cursor:pointer;transition:var(--transition);font-size:1.2rem;margin-right:.5rem}.theme-toggle:hover{transform:scale(1.1);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.theme-icon{transition:var(--transition)}[data-theme=dark] .theme-toggle{background:var(--background-dark);border-color:var(--border-color)}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px;padding:8px;border-radius:4px;transition:var(--transition)}.mobile-menu-toggle:hover{background:#ffffff1a}.mobile-menu-toggle span{width:25px;height:3px;background:var(--text-primary);transition:var(--transition);border-radius:2px}.mobile-nav-controls{display:none;align-items:center;gap:1rem}.mobile-nav-controls .theme-toggle{margin-right:0}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-slide-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--background-light);box-shadow:-2px 0 10px #0000001a;transition:right .4s ease-out;z-index:2001;display:flex;flex-direction:column;overflow:hidden}.mobile-slide-menu .mobile-nav-links li{opacity:0;transform:translate(30px)}.mobile-slide-menu.active{right:0}.mobile-slide-menu.active .mobile-nav-links li{animation:slideInRight .5s cubic-bezier(.25,.46,.45,.94) forwards}.mobile-slide-menu.active .mobile-nav-links li:nth-child(1){animation-delay:.1s}.mobile-slide-menu.active .mobile-nav-links li:nth-child(2){animation-delay:.2s}.mobile-slide-menu.active .mobile-nav-links li:nth-child(3){animation-delay:.3s}.mobile-slide-menu.active .mobile-nav-links li:nth-child(4){animation-delay:.4s}.mobile-slide-menu .mobile-auth-section,.mobile-slide-menu .mobile-user-section{opacity:0;transform:translate(30px)}.mobile-slide-menu.active .mobile-auth-section,.mobile-slide-menu.active .mobile-user-section{animation:slideInRight .5s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.5s}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.mobile-menu-header h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.mobile-menu-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.mobile-menu-close:hover{background:#fff3}.mobile-menu-content{flex:1;padding:2rem 0;overflow-y:auto}.mobile-nav-links{list-style:none;padding:0;margin:0 0 2rem}.mobile-nav-links li{margin:0}.mobile-nav-links a{display:flex;align-items:center;padding:1rem 1.5rem;color:var(--text-primary);text-decoration:none;font-weight:500;transition:var(--transition);border-left:4px solid transparent}.mobile-nav-links a:hover,.mobile-nav-links a.active{background:#667eea1a;border-left-color:var(--primary-color);color:var(--primary-color)}.mobile-auth-section,.mobile-user-section{padding:0 1.5rem;display:flex;flex-direction:column;gap:1rem}.mobile-user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#667eea1a;border-radius:.5rem;border-left:3px solid var(--primary-color)}.mobile-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.mobile-user-name{font-weight:500;color:var(--text-primary);font-size:.9rem}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:2000}.mobile-menu-overlay.active{opacity:1;visibility:visible}[data-theme=dark] .mobile-slide-menu{background:var(--background-dark);box-shadow:-2px 0 10px #0000004d}[data-theme=dark] .mobile-nav-links a:hover,[data-theme=dark] .mobile-nav-links a.active{background:#667eea33}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition);font-size:.9rem;min-width:fit-content;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md);filter:brightness(1.1)}.btn-outline{background:#ffffffe6;color:var(--primary-color);border:2px solid var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn-outline:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background-size:300% 300%;transition:left .3s ease;z-index:-1}.btn-outline:hover{color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md)}.btn-outline:hover:before{left:0;animation:gradientMove 3s ease-in-out infinite}[data-theme=dark] .btn-outline{background:#1a202ce6;color:#fff;border:2px solid rgba(255,255,255,.3)}[data-theme=dark] .btn-outline:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}[data-theme=dark] .btn-outline:hover{color:#fff;border-color:var(--primary-color)}.btn-large{padding:1rem 2rem;font-size:1rem}.btn-full{width:100%}.main-content{margin-top:80px;padding:1rem}.hero-section{text-align:center;max-width:800px;margin:0 auto;padding:4rem 0;transition:transform .1s ease-out}.hero-section.animate-first{animation:fadeInUp .6s ease-out}.hero-section h2{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-section p{font-size:1.25rem;color:#ffffffe6;margin-bottom:2rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.games-section{text-align:center;max-width:1000px;margin:0 auto;padding:4rem 0;animation:fadeIn .6s ease-in-out}.games-section h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.games-section p{font-size:1.1rem;color:#ffffffe6;margin-bottom:3rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.game-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;transition:var(--transition);border:1px solid rgba(255,255,255,.2)}.game-card:hover{transform:translateY(-5px);background:#ffffff26}.game-card.coming-soon{opacity:.6}.game-icon{font-size:3rem;margin-bottom:1rem}.game-card h3{font-size:1.5rem;color:#fff;margin-bottom:.5rem}.game-card p{color:#fffc;margin-bottom:1.5rem;font-size:.9rem}.tic-tac-toe-game{text-align:center;max-width:600px;margin:0 auto;padding:4rem 0;animation:fadeIn .6s ease-in-out}.tic-tac-toe-game h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.game-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 2rem;background:#ffffff1a;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.snake-game .game-info{display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.001rem 2.5rem;gap:1.5rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0003;min-width:320px}.current-player,.score{color:#fff;font-weight:400;font-size:1.1rem}.current-player span,.score span{font-weight:500;color:var(--accent-color);font-size:1.1rem}.score{display:flex;gap:1.5rem}.current-player span.player-x{color:#3b82f6;text-shadow:0 0 8px rgba(59,130,246,.4);font-size:1.2rem}.current-player span.player-o{color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.4);font-size:1.2rem}#scoreX{color:#3b82f6!important;text-shadow:0 0 8px rgba(59,130,246,.4);font-size:1.2rem!important}#scoreO{color:#ef4444!important;text-shadow:0 0 8px rgba(239,68,68,.4);font-size:1.2rem!important}.tic-tac-toe-board{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:300px;margin:0 auto 2rem;background:#ffffff1a;padding:1rem;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cell{aspect-ratio:1;background:#fff3;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;font-family:SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif;cursor:pointer;transition:var(--transition);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.cell:hover{background:#ffffff4d;transform:scale(1.05)}.cell.x{color:#3b82f6;text-shadow:0 0 20px rgba(59,130,246,.5),0 2px 8px rgba(0,0,0,.3);background:#3b82f61a}.cell.o{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5),0 2px 8px rgba(0,0,0,.3);background:#ef44441a}.cell.x:hover{background:#3b82f633;box-shadow:0 0 30px #3b82f64d}.cell.o:hover{background:#ef444433;box-shadow:0 0 30px #ef44444d}.cell.disabled{cursor:not-allowed;opacity:.7}.game-status{font-size:1.2rem;color:#fff;margin-bottom:2rem;font-weight:500}.game-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.main-menu-section{text-align:center;max-width:1000px;margin:0 auto;padding:4rem 0;animation:fadeIn .6s ease-in-out}.main-menu-section h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.main-menu-section p{font-size:1.1rem;color:#ffffffe6;margin-bottom:3rem}.main-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.menu-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:3rem 2rem;transition:var(--transition);border:1px solid rgba(255,255,255,.2);text-align:center}.menu-card:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 10px 30px #0003}.menu-icon{font-size:4rem;margin-bottom:1.5rem;display:block}.menu-card h3{font-size:1.8rem;color:#fff;margin-bottom:.5rem;font-weight:600}.menu-card p{color:#fffc;margin-bottom:2rem;font-size:1rem}.tools-section{text-align:center;max-width:1000px;margin:0 auto;padding:4rem 0;animation:fadeIn .6s ease-in-out}.tools-section h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.tools-section p{font-size:1.1rem;color:#ffffffe6;margin-bottom:3rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.tool-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;transition:var(--transition);border:1px solid rgba(255,255,255,.2)}.tool-card:hover{transform:translateY(-5px);background:#ffffff26}.tool-icon{font-size:3rem;margin-bottom:1rem}.tool-card h3{font-size:1.5rem;color:#fff;margin-bottom:.5rem}.tool-card p{color:#fffc;margin-bottom:1.5rem;font-size:.9rem}.portfolio-section{text-align:center;max-width:1000px;margin:0 auto;padding:4rem 0 5rem;animation:fadeIn .6s ease-in-out}.portfolio-section h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.portfolio-section p{font-size:1.1rem;color:#ffffffe6;margin-bottom:3rem}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto}#backToHeroFromPortfolio{margin-top:2rem;position:relative;z-index:10}.portfolio-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;transition:var(--transition);border:1px solid rgba(255,255,255,.2);text-align:left;display:flex;flex-direction:column;height:100%}.portfolio-card:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 10px 30px #0003}.portfolio-header{display:flex;align-items:center;margin-bottom:1rem;gap:1rem}.portfolio-icon{font-size:2.5rem;background:#667eea33;padding:.75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;min-width:3.5rem;min-height:3.5rem;max-width:3.5rem;max-height:3.5rem;flex-shrink:0}.portfolio-info h3{font-size:1.4rem;color:#fff;margin-bottom:.25rem;font-weight:600}.portfolio-tech{font-size:.85rem;color:#667eeae6;font-weight:500;margin:0}.portfolio-description{color:#ffffffd9;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5;flex-grow:1}.portfolio-links{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:auto;justify-content:flex-start}.btn-small{padding:.5rem 1rem;font-size:.875rem;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.calculator-tool{text-align:center;max-width:400px;margin:0 auto;padding:4rem 0;animation:fadeIn .6s ease-in-out}.calculator-tool h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.calculator{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.2);margin-bottom:2rem}.calculator-display{margin-bottom:1rem;position:relative;background:#2d37480d;border-radius:.75rem;padding:.25rem;border:2px solid rgba(102,126,234,.1)}.calculator-display input{font-size:1.89rem;background:#fffffffa;border:none;border-radius:.5rem;text-align:right;color:#2d3748;font-weight:700;font-family:Monaco,Menlo,Ubuntu Mono,monospace;box-shadow:inset 0 2px 8px #0000001a;min-height:60px;line-height:1.2}[data-theme=dark] .calculator-display,body.dark-theme .calculator-display{background:#ffffff0d;border-color:#667eea33}[data-theme=dark] .calculator-display input,body.dark-theme .calculator-display input{background:#2d3748fa;color:#fff;box-shadow:inset 0 2px 8px #0000004d}.calculator-help{text-align:center;margin:.5rem 0;padding:.25rem;opacity:.7;font-size:.85rem}.calculator-help small{color:var(--text-color);display:inline-block;padding:.25rem .5rem;background:#667eea1a;border-radius:.25rem;border:1px solid rgba(102,126,234,.2)}@media (hover: none) and (pointer: coarse){.calculator-help{display:none}}.mobile-android .calculator-help,.mobile-ios .calculator-help,.mobile-device .calculator-help{display:none}@media (max-width: 768px) and (orientation: portrait){.calculator-help{display:none}}@media (pointer: coarse){.calculator-help{display:none}}.calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.calc-btn{padding:1rem;font-size:1.2rem;border:none;border-radius:.5rem;cursor:pointer;transition:var(--transition),transform .15s ease,background-color .15s ease,color .15s ease;font-weight:600}.calc-btn.zero-btn{grid-column:span 2;text-align:left;padding-left:1.5rem}.calc-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.calc-btn:focus:not(:focus-visible){outline:none}.calc-btn.number{background:#fffffff2;color:#2d3748;border:1px solid rgba(255,255,255,.3)}.calc-btn.number:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.calc-btn.number:active{transform:translateY(0);background:#f0f0f0}[data-theme=dark] .calc-btn.number,body.dark-theme .calc-btn.number{background:#353535f2;color:#fff;border:1px solid rgba(255,255,255,.3)}.calc-btn.operator{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #667eea4d}.calc-btn.operator:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #667eea66}.calc-btn.operator:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.calc-btn.equals{background:var(--accent-color);color:#fff;box-shadow:0 2px 8px #f093fb4d}.calc-btn.equals:hover{background:#e879f9;transform:translateY(-1px);box-shadow:0 4px 16px #f093fb66}.calc-btn.equals:active{transform:translateY(0);box-shadow:0 2px 8px #f093fb4d}.calc-btn.clear{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef44444d}.calc-btn.clear:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 16px #ef444466}.calc-btn.clear:active{transform:translateY(0);box-shadow:0 2px 8px #ef44444d}.calc-btn.operator[onclick*="^"]{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));font-weight:700;font-size:1.3rem}.calc-btn.operator[onclick*=√]{background:linear-gradient(135deg,#10b981,#059669);font-weight:700;font-size:1.4rem;color:#fff;box-shadow:0 2px 8px #10b9814d}.calc-btn.operator[onclick*="!"]{background:linear-gradient(135deg,#f59e0b,#d97706);font-weight:700;font-size:1.4rem;color:#fff;box-shadow:0 2px 8px #f59e0b4d}.calc-btn:hover{opacity:.8;transform:scale(1.05)}.calc-btn.keyboard-pressed{transform:scale(.95)!important;background-color:var(--primary-color)!important;color:#fff!important;box-shadow:0 0 10px #667eea80!important}.notepad-tool{text-align:center;max-width:1200px;margin:0 auto;padding:4rem 0;animation:fadeIn .6s ease-in-out}.notepad-tool h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.notepad-container{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.notepad{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.2)}.notepad-toolbar{display:flex;gap:.75rem;margin-bottom:1rem;justify-content:flex-start;flex-wrap:wrap}.notepad-toolbar .btn{background:linear-gradient(135deg,#1e1e1ee6,#323232e6);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.notepad-toolbar .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.notepad-toolbar .btn:hover:before{left:100%}.notepad-toolbar .btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #0000004d,inset 0 1px #fff3;border-color:#fff6}.notepad-toolbar .btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #0000004d,inset 0 2px 4px #0003}.notepad-toolbar .btn:nth-child(1){background:linear-gradient(135deg,#3b82f6cc,#2563ebcc)}.notepad-toolbar .btn:nth-child(1):hover{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);box-shadow:0 8px 25px #3b82f64d,inset 0 1px #fff3}.notepad-toolbar .btn:nth-child(2){background:linear-gradient(135deg,#ef4444cc,#dc2626cc)}.notepad-toolbar .btn:nth-child(2):hover{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);box-shadow:0 8px 25px #ef44444d,inset 0 1px #fff3}.notepad-toolbar .btn:nth-child(3){background:linear-gradient(135deg,#22c55ecc,#16a34acc)}.notepad-toolbar .btn:nth-child(3):hover{background:linear-gradient(135deg,#22c55ee6,#16a34ae6);box-shadow:0 8px 25px #22c55e4d,inset 0 1px #fff3}#notepadText{width:100%;min-height:400px;padding:1rem;font-size:1rem;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;resize:vertical;font-family:Consolas,Monaco,monospace;color:#fff;font-weight:500}#notepadText::placeholder{color:#fff9}#notepadText:focus{outline:none;border-color:#ffffff80;box-shadow:0 0 0 2px #667eea00}.saved-files-panel{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.2);text-align:left}.saved-files-panel h3{color:#fff;font-size:1.5rem;margin-bottom:1rem;text-align:center}.saved-files-list{max-height:400px;overflow-y:auto}.saved-file-item{background:linear-gradient(135deg,#14141499,#28282899);border-radius:.75rem;padding:1rem;margin-bottom:.75rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.saved-file-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.saved-file-item:hover{transform:translateY(-2px);background:linear-gradient(135deg,#1e1e1eb3,#323232b3);border-color:#fff3;box-shadow:0 8px 25px #0000004d}.file-info{margin-bottom:.5rem}.file-info strong{color:#fff;display:block;font-size:1rem}.file-info small{color:#ffffffb3;font-size:.8rem}.file-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.file-actions .btn{background:linear-gradient(135deg,#141414e6,#282828e6);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.3rem .8rem;border-radius:.4rem;font-weight:500;font-size:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 4px #0003,inset 0 1px #ffffff0d}.file-actions .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .4s ease}.file-actions .btn:hover:before{left:100%}.file-actions .btn:hover{transform:translateY(-1px) scale(1.02);border-color:#ffffff4d}.file-actions .btn:active{transform:translateY(0) scale(.98);box-shadow:inset 0 2px 4px #0000004d}.file-actions .btn:nth-child(1){background:linear-gradient(135deg,#3b82f6b3,#2563ebb3)}.file-actions .btn:nth-child(1):hover{background:linear-gradient(135deg,#3b82f6cc,#2563ebcc);box-shadow:0 4px 12px #3b82f633,inset 0 1px #ffffff1a}.file-actions .btn:nth-child(2){background:linear-gradient(135deg,#22c55eb3,#16a34ab3)}.file-actions .btn:nth-child(2):hover{background:linear-gradient(135deg,#22c55ecc,#16a34acc);box-shadow:0 4px 12px #22c55e33,inset 0 1px #ffffff1a}.file-actions .btn:nth-child(3),.file-actions .btn-danger{background:linear-gradient(135deg,#ef4444b3,#dc2626b3)}.file-actions .btn:nth-child(3):hover,.file-actions .btn-danger:hover{background:linear-gradient(135deg,#ef4444cc,#dc2626cc);box-shadow:0 4px 12px #ef444433,inset 0 1px #ffffff1a}.no-files{color:#fff9;text-align:center;font-style:italic;margin:2rem 0}@keyframes buttonPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.btn.pulse{animation:buttonPulse .3s ease-in-out}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.saved-files-list::-webkit-scrollbar{width:6px}.saved-files-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.saved-files-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.saved-files-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}[data-theme=dark] #notepadText,body.dark-theme #notepadText{background:transparent;color:#fff;border-color:#fff0}.timer-tool{text-align:center;max-width:500px;margin:0 auto;padding:4rem 0;animation:fadeIn .6s ease-in-out}.timer-tool h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.timer-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;border:1px solid rgba(255,255,255,.2);margin-bottom:2rem}.timer-tabs{display:flex;margin-bottom:2rem;background:#ffffff1a;border-radius:.5rem;padding:.25rem}.timer-tab{flex:1;padding:.75rem;background:none;border:none;border-radius:.375rem;color:#ffffffb3;cursor:pointer;transition:var(--transition);font-weight:500}.timer-tab.active{background:#fff3;color:#fff}.timer-display,.stopwatch-display{font-size:3rem;font-weight:700;color:#fff;margin-bottom:2rem;font-family:Consolas,Monaco,monospace;text-shadow:0 2px 4px rgba(0,0,0,.1)}.timer-input{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.timer-input input{width:60px;padding:.5rem;font-size:1.2rem;background:#fffffff2;border:none;border-radius:.25rem;text-align:center;color:#2d3748;font-weight:600}[data-theme=dark] .timer-input input,body.dark-theme .timer-input input{background:#fffffff2;color:#2d3748}.timer-input span{color:#fff;font-size:1.5rem;font-weight:700}.timer-controls,.stopwatch-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.lap-times{margin-top:2rem;text-align:left;max-height:200px;overflow-y:auto}.lap-time{background:#ffffff1a;padding:.5rem 1rem;margin-bottom:.5rem;border-radius:.25rem;color:#fff;display:flex;justify-content:space-between}.chatbot-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(255,255,255,.2);margin-bottom:2rem;height:600px;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;max-height:460px}.chat-message{display:flex;gap:12px;margin-bottom:24px;animation:messageSlide .4s cubic-bezier(.4,0,.2,1);align-items:flex-start}.chat-message.user-message{flex-direction:row-reverse;margin-left:40px}.chat-message.ai-message{margin-right:40px}.message-avatar{width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;position:relative;margin-top:2px}.ai-message .message-avatar{background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff;box-shadow:0 4px 12px #0078d440}.user-message .message-avatar{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 4px 12px #16a34a40}.message-content{max-width:calc(100% - 44px);padding:16px 20px;border-radius:16px;word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05)}[data-theme=dark] .message-content{border-color:#ffffff14}.ai-message .message-content{background:#ffffffb3;color:#1f2937;border-radius:16px 16px 16px 4px;box-shadow:0 2px 12px #0000000d}[data-theme=dark] .ai-message .message-content{background:#ffffff08;color:#e5e7eb;box-shadow:0 2px 12px #0003}.user-message .message-content{background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff;border-radius:16px 16px 4px;box-shadow:0 4px 16px #0078d433}.message-content p{margin:0 0 12px;color:inherit}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin:20px 0 12px;font-weight:600;color:inherit;position:relative}.message-content h1{font-size:24px;border-bottom:2px solid rgba(0,120,212,.2);padding-bottom:8px}.message-content h2{font-size:20px;border-bottom:1px solid rgba(0,120,212,.15);padding-bottom:6px}.message-content h3{font-size:18px}.message-content h4{font-size:16px}.message-content ul,.message-content ol{margin:12px 0;padding-left:24px;color:inherit}.message-content li{margin:8px 0;color:inherit;position:relative}.message-content ul li::marker{color:#0078d4}.message-content ol li::marker{color:#0078d4;font-weight:600}.message-content blockquote{border-left:4px solid #0078d4;margin:16px 0;padding:12px 0 12px 20px;background:#0078d40d;border-radius:0 8px 8px 0;font-style:italic;color:inherit;position:relative}[data-theme=dark] .message-content blockquote{background:#0078d41a}.message-content table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px;color:inherit;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.message-content th,.message-content td{border:1px solid rgba(0,120,212,.15);padding:12px 16px;text-align:left;color:inherit}.message-content th{background:#0078d41a;font-weight:600;color:inherit}[data-theme=dark] .message-content th{background:#0078d433}.message-content pre{background:#1e1e1e!important;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:16px 0;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a}.message-content pre code{display:block;padding:20px;background:transparent!important;color:#d4d4d4;font-family:Cascadia Code,JetBrains Mono,Fira Code,Monaco,monospace;font-size:14px;line-height:1.6;overflow-x:auto;border-radius:0}.message-content :not(pre)>code{background:#0078d41a!important;color:#0078d4!important;padding:4px 8px;border-radius:6px;font-family:Cascadia Code,JetBrains Mono,Fira Code,Monaco,monospace;font-size:13px;font-weight:500;border:1px solid rgba(0,120,212,.15);box-shadow:0 1px 2px #0000000d}[data-theme=dark] .message-content :not(pre)>code{background:#0078d433!important;color:#60a5fa!important;border-color:#0078d44d}.message-content :not(pre)>code{background:#667eea26!important;color:var(--primary-color)!important;padding:.2rem .4rem;border-radius:.3rem;font-family:JetBrains Mono,Fira Code,Monaco,monospace;font-size:.85em;font-weight:500;border:1px solid rgba(102,126,234,.2)}.message-content .MathJax,.message-content mjx-container,.message-content .math-display,.message-content .math-inline{margin:.5rem 0;color:#2d3748!important}.message-content mjx-container[display=true],.message-content .math-display{margin:1rem 0;text-align:center;padding:.5rem;background:#667eea0d;border-radius:.5rem;border:1px solid rgba(102,126,234,.1)}.message-content .math-inline{display:inline;margin:0;padding:.1rem .2rem;background:#667eea14;border-radius:.25rem}.message-content mjx-math{color:#2d3748!important}.message-content mjx-container mjx-math{color:#2d3748!important}[data-theme=dark] .message-content .MathJax,[data-theme=dark] .message-content mjx-container,[data-theme=dark] .message-content .math-display,[data-theme=dark] .message-content .math-inline,[data-theme=dark] .message-content mjx-math{color:#e2e8f0!important}[data-theme=dark] .message-content .math-display{background:#667eea26;border-color:#667eea4d}[data-theme=dark] .message-content .math-inline{background:#667eea33}.message-content a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.message-content a:hover{border-bottom-color:var(--primary-color)}.message-content hr{border:none;height:1px;background:linear-gradient(to right,transparent,rgba(102,126,234,.3),transparent);margin:1.5rem 0}.code-block-wrapper{position:relative}.copy-code-btn{position:absolute;top:.5rem;right:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;padding:.3rem .6rem;border-radius:.375rem;font-size:.75rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.copy-code-btn:hover{background:#fff3;border-color:#ffffff4d}.copy-code-btn.copied{background:#22c55e33;border-color:#22c55e4d;color:#22c55e}.thinking-section{background:#1a1a1a;border:2px solid #333;border-radius:.75rem;margin:1rem 0;padding:0;overflow:hidden;box-shadow:0 4px 12px #0000004d;font-family:JetBrains Mono,Fira Code,monospace}.thinking-header{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-bottom:1px solid #444;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem}.thinking-icon{font-size:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.thinking-title{color:#e2e8f0;font-weight:600;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.thinking-content{padding:1rem;color:#cbd5e0;background:#0f0f0f;line-height:1.6;font-size:.875rem;border-radius:0 0 .75rem .75rem}.thinking-content p{margin:.5rem 0;color:#cbd5e0}.thinking-content strong{color:#f7fafc}.thinking-content em{color:#a0aec0;font-style:italic}.thinking-content code{background:#2d2d2d!important;color:#68d391!important;padding:.2rem .4rem;border-radius:.25rem;font-family:inherit}.thinking-section.collapsed .thinking-content{display:none}.thinking-toggle{background:none;border:none;color:#a0aec0;cursor:pointer;margin-left:auto;font-size:.75rem;padding:.25rem;border-radius:.25rem;transition:color .2s ease}.thinking-toggle:hover{color:#e2e8f0;background:#ffffff1a}[data-theme=dark] .thinking-section{border-color:#4a5568}[data-theme=dark] .thinking-header{background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom-color:#4a5568}[data-theme=dark] .thinking-content{background:#0d1117}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#667eea1a;border-radius:1rem;margin:.5rem 0;color:#2d3748}.typing-dots{display:flex;gap:.3rem}.typing-dots span{width:.5rem;height:.5rem;background:var(--primary-color);border-radius:50%;animation:typing-bounce 1.5s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:scale(.8);opacity:.6}40%{transform:scale(1);opacity:1}}[data-theme=dark] .message-content,[data-theme=dark] .message-content p,[data-theme=dark] .message-content li,[data-theme=dark] .typing-indicator{color:#e2e8f0!important}[data-theme=dark] .message-content h1,[data-theme=dark] .message-content h2,[data-theme=dark] .message-content h3,[data-theme=dark] .message-content h4,[data-theme=dark] .message-content h5,[data-theme=dark] .message-content h6{color:#f7fafc!important}[data-theme=dark] .message-content blockquote{color:#cbd5e0!important}[data-theme=dark] .message-content th,[data-theme=dark] .message-content td{color:#e2e8f0!important}[data-theme=dark] .message-content th{color:#f7fafc!important}.chat-input-container{border-top:1px solid rgba(255,255,255,.2);padding:4rem 1.5rem 1rem;background:#ffffff0d}.chat-input-wrapper{display:flex;gap:.75rem;align-items:flex-end}#chatInput{flex:1;min-height:50px;max-height:120px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:1rem;background:#ffffff1a;color:var(--text-color);font-size:.95rem;resize:none;outline:none;transition:all .3s ease}#chatInput:focus{border-color:#667eea99;box-shadow:0 0 0 2px #667eea33}#chatInput::placeholder{color:#fff9}#sendMessage{min-width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s ease}#sendMessage:disabled{opacity:.5;cursor:not-allowed}#sendMessage:not(:disabled):hover{transform:scale(1.05)}.api-key-section{background:#ffa5001a;border:1px solid rgba(255,165,0,.3);border-radius:.75rem;padding:1.5rem;margin:1rem 1.5rem;text-align:center}.api-key-notice p{margin:0 0 1rem;color:#ffb347;font-weight:500}.api-key-input-wrapper{display:flex;gap:.75rem;max-width:400px;margin:0 auto .5rem}#apiKeyInput{flex:1;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;background:#ffffff1a;color:var(--text-color);font-size:.9rem;outline:none}#apiKeyInput:focus{border-color:#667eea99;box-shadow:0 0 0 2px #667eea33}.demo-option{margin:1rem 0;text-align:center}.demo-option .btn{margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.demo-option small{display:block;color:#fff9;font-size:.75rem}.api-key-notice small{color:#ffffffb3;font-size:.8rem}.cors-info{margin-top:1rem;text-align:left}.cors-info details{background:#ffffff0d;border-radius:.5rem;padding:.75rem;border:1px solid rgba(255,255,255,.1)}.cors-info summary{cursor:pointer;font-weight:500;color:gold;margin-bottom:.5rem}.cors-info p,.cors-info ul{color:#fffc;font-size:.85rem;margin:.5rem 0}.cors-info ul{padding-left:1.5rem}.cors-info li{margin-bottom:.25rem}.ai-provider-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.provider-tab{flex:1;min-width:120px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);background:#ffffff0d;color:#fffc;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:500}.provider-tab:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.provider-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.provider-content{background:#ffffff0d;border-radius:.75rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.provider-content p{margin:0 0 1rem;font-weight:500}.provider-content a{color:#667eea;text-decoration:none}.provider-content a:hover{text-decoration:underline}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:1rem;max-width:80px}.typing-dots{display:flex;gap:.25rem}.typing-dot{width:6px;height:6px;background:#667eeacc;border-radius:50%;animation:typingPulse 1.4s infinite ease-in-out}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typingPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.tool-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.memory-game .game-info{display:inline-flex;flex-direction:column;align-items:center;padding:.25rem 2.5rem;gap:.25rem}.memory-game{display:none;text-align:center;max-width:600px;margin:0 auto;padding:2rem}.memory-game h2{color:#fff;margin-bottom:2rem;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.memory-stats{display:flex;justify-content:center;align-items:center;gap:3rem;margin-bottom:2rem;color:#fff;font-weight:600;font-size:1.5rem;width:100%;font-family:SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif}.memory-stats span{color:#fff;font-weight:400;font-size:1.1rem}.memory-stats span:nth-child(2){margin-right:1.5rem}.memory-stats span:nth-child(3){margin-left:1.5rem}#currentMemoryPlayer{color:gold!important;font-weight:500!important;font-size:1.2rem!important;text-shadow:0 0 10px rgba(255,215,0,.7)!important}#player1Score,#player2Score{color:#3b82f6!important;font-family:SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif!important;font-weight:700!important;font-size:1.6rem!important;text-shadow:0 0 10px rgba(59,130,246,.7),0 0 20px rgba(59,130,246,.5)!important}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:400px;margin:0 auto 2rem;padding:20px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.memory-card{aspect-ratio:1;background:#ffffffe6;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all .3s ease;border:3px solid transparent;position:relative;overflow:hidden}.memory-card:before{content:"?";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:2rem;font-weight:700;transition:opacity .3s ease}.memory-card.flipped:before{opacity:0}.memory-card.matched{background:#48bb784d;border-color:#48bb78;cursor:default;transform:scale(.95)}.memory-card:hover:not(.flipped):not(.matched){transform:scale(1.05);box-shadow:0 5px 15px #0003}.memory-status{color:#fff;font-size:1.2rem;margin-bottom:2rem;font-weight:500}.snake-game{display:none;text-align:center;max-width:500px;margin:0 auto;padding:2rem}.snake-game h2{color:#fff;margin-bottom:2rem;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.snake-stats{display:flex;justify-content:center;align-items:center;gap:2.5rem;margin-top:1rem;margin-bottom:2rem;color:#fff;font-weight:600;font-size:1.4rem;padding:0 1rem;flex-wrap:nowrap}.snake-stats span{color:#fff;font-weight:600;font-size:1.4rem;text-align:center;min-width:auto;white-space:nowrap;display:inline-block}.snake-stats span span{margin-left:.05rem}#snakeScore,#snakeHighScore{color:gold!important;font-family:SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif!important;font-weight:700!important;font-size:1.5rem!important;text-shadow:0 0 10px rgba(255,215,0,.7),0 0 20px rgba(255,215,0,.5)!important}#snakeCanvas{border:3px solid white;border-radius:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;box-shadow:0 8px 32px #0000004d;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.snake-status{color:#fff;font-size:1.2rem;margin-bottom:2rem;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--background-light);margin:5% auto;padding:0;border-radius:1rem;width:90%;max-width:400px;box-shadow:var(--shadow-lg);animation:modalSlideIn .3s ease-out;transition:var(--transition)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.close{color:var(--text-secondary);font-size:2rem;font-weight:700;cursor:pointer;transition:var(--transition)}.close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group label{font-weight:500;color:var(--text-primary)}.form-group input{padding:.75rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;transition:var(--transition);background:var(--background-light);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.auth-switch{text-align:center;margin-top:1rem;color:var(--text-secondary)}.auth-switch a{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-switch a:hover{text-decoration:underline}@media (max-width: 1024px) and (min-width: 769px){.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:100%}.portfolio-card{padding:1.75rem}}@media (max-width: 768px){.main-menu-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.menu-card{padding:2rem 1.5rem}.portfolio-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem;max-width:none;margin-bottom:3rem}.portfolio-card{padding:1.5rem}.portfolio-section{padding:3rem 1rem 4rem}#backToHeroFromPortfolio{margin-top:1.5rem}.portfolio-header{flex-direction:row;align-items:center;gap:1rem}.portfolio-icon{font-size:2rem;min-width:3rem;min-height:3rem;padding:.5rem}.portfolio-links{justify-content:center}.tools-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.calculator{padding:1rem}.calculator-display{margin-bottom:.75rem;padding:.25rem}.calculator-display input{padding:1rem .75rem;font-size:1.5rem;min-height:50px}.calculator-buttons{gap:.25rem}.calc-btn{padding:.75rem;font-size:1rem}.notepad-container{grid-template-columns:1fr;gap:1rem}.notepad{padding:1rem}#notepadText{min-height:300px;font-size:.9rem}.notepad-toolbar{flex-wrap:wrap;gap:.3rem}.notepad-toolbar .btn{font-size:.75rem;padding:.4rem .8rem;min-width:auto;flex:1}.saved-files-panel{padding:1rem}.file-actions{gap:.2rem}.file-actions .btn{font-size:.7rem;padding:.25rem .5rem}.saved-file-item{padding:.6rem;margin-bottom:.4rem}.timer-container{padding:1.5rem}.timer-display,.stopwatch-display{font-size:2rem}.timer-input input{width:50px;font-size:1rem}.chatbot-container{height:500px}.chat-messages{padding:1rem;max-height:380px}.chat-message{gap:.5rem}.message-avatar{width:32px;height:32px;font-size:1rem}.message-content{max-width:85%;padding:.75rem 1rem;border-radius:.75rem;font-size:.9rem}.chat-input-container{padding:.75rem 1rem}#chatInput{min-height:44px;max-height:100px;font-size:.9rem}#sendMessage{min-width:44px;height:44px}.api-key-section{margin:.75rem 1rem;padding:1rem}.api-key-input-wrapper{flex-direction:column;gap:.5rem}.lap-times{max-height:150px}}@media (max-width: 768px){.navigation{padding:1rem;position:relative}.nav-menu,.nav-auth{display:none}.mobile-nav-controls,.mobile-menu-toggle{display:flex}.mobile-nav-controls .theme-toggle{width:35px;height:35px;font-size:1rem}.btn{padding:.5rem 1rem;font-size:.8rem}.mobile-auth-section .btn{padding:.75rem 1.5rem;font-size:1rem;margin-bottom:.5rem}.hero-section h2{font-size:2rem}.hero-section p{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.games-grid{grid-template-columns:1fr;gap:1.5rem}.game-info{flex-direction:column;gap:1rem;text-align:center}.tic-tac-toe-board{max-width:250px}.game-controls{flex-direction:column;align-items:center}.modal-content{margin:10% auto;width:95%}.snake-game{padding:.5rem;max-width:100%;margin:0}.snake-game h2{font-size:1.5rem;margin-bottom:1rem}#snakeCanvas{width:calc(100vw - 2rem);max-width:300px;height:auto;margin-bottom:1rem}.snake-stats{gap:1.5rem;font-size:1rem;margin-bottom:1rem;flex-wrap:wrap;padding:0 .5rem}.snake-stats span{white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem;font-size:.9rem}.snake-status{font-size:.9rem;margin-bottom:1rem}.memory-game{padding:.5rem;max-width:100%;margin:0}.memory-game h2{font-size:1.5rem;margin-bottom:1rem}.memory-stats{gap:1rem;font-size:1rem;margin-bottom:1rem;flex-wrap:wrap;padding:0 .5rem}.memory-stats span{font-size:.9rem;white-space:nowrap}.memory-board{width:calc(100vw - 2rem);max-width:300px;margin:0 auto}}@media (max-width: 480px){.navigation{padding:.75rem}.nav-brand h1{font-size:1.25rem}.btn{padding:.5rem .75rem;font-size:.75rem}.snake-game{padding:.25rem}.snake-game h2{font-size:1.25rem;margin-bottom:.5rem}#snakeCanvas{width:calc(100vw - 1rem);max-width:280px}.snake-stats{gap:1.5rem;font-size:.8rem;margin-bottom:.5rem;padding:0 .25rem}.snake-stats span{font-size:.8rem}.memory-game{padding:.25rem}.memory-game h2{font-size:1.25rem;margin-bottom:.5rem}.memory-stats{gap:.5rem;font-size:.8rem;margin-bottom:.5rem;padding:0 .25rem}.memory-stats span{font-size:.8rem}.memory-board{width:calc(100vw - 1rem);max-width:280px}.hero-section{padding:2rem 0}.hero-section h2{font-size:1.75rem}}.loading{opacity:.7;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientMove{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:200% 50%}75%{background-position:100% 50%}to{background-position:0% 50%}}.btn:hover{cursor:pointer}@keyframes shimmer{0%{transform:translate(-150%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(250%);opacity:0}}.btn:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),rgba(255,255,255,.1),transparent);transform:translate(-100%)}.btn.shimmer:after{animation:shimmer .8s ease-out}html,body{color-scheme:light only!important}@media (prefers-color-scheme: dark){html,body,*{color-scheme:light only!important}}input,textarea,select,button{color-scheme:light only!important}.auth-buttons{display:flex;gap:.5rem;align-items:center}.user-menu{display:flex;align-items:center;gap:.75rem}.user-info{display:flex;align-items:center;gap:.5rem}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--primary-color);object-fit:cover;background-color:var(--primary-color);display:block;flex-shrink:0}.user-name{color:var(--text-primary);font-weight:500;font-size:.9rem}.btn-small{padding:.5rem 1rem;font-size:.85rem}.modal{display:none;position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.modal.active{display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2500;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--background-light);border-radius:1.5rem;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:3001}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem}.modal-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#0000001a;color:var(--text-primary)}.modal-body{padding:0 2rem 2rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group input{padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:1rem;transition:all .2s ease;background:var(--background-light);color:var(--text-primary);outline:none}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-group input:invalid{border-color:#ef4444}.error-message{color:#ef4444;font-size:.8rem;font-weight:500;display:none}.error-message.show{display:block}.password-requirements{margin-top:.25rem}.password-requirements small{color:var(--text-secondary);font-size:.8rem}.form-actions{margin-top:.5rem}.btn-loading{display:none;align-items:center;gap:.5rem}.btn-text{display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled .btn-text{display:none}.btn:disabled .btn-loading{display:inline-flex}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin .8s linear infinite}.btn-google{background:#fff;color:#333;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:500;transition:all .2s ease}.btn-google:hover{background:#f8f9fa;border-color:#ccc;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.google-icon{width:20px;height:20px}.auth-divider{display:flex;align-items:center;margin:1rem 0;color:var(--text-secondary)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{padding:0 1rem;font-size:.9rem;background:var(--background-light)}.auth-switch{text-align:center;margin-top:1rem}.auth-switch p{margin:.5rem 0;color:var(--text-secondary);font-size:.9rem}.auth-switch a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all .2s ease}.auth-switch a:hover{text-decoration:underline;color:var(--primary-dark)}[data-theme=dark] .modal-content{background:var(--background-dark)}[data-theme=dark] .form-group input{background:var(--background-light);border-color:var(--border-color)}[data-theme=dark] .auth-divider span{background:var(--background-dark)}[data-theme=dark] .btn-google{background:var(--background-light);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .btn-google:hover{background:var(--background-dark)}@media (max-width: 768px){.auth-buttons{gap:.25rem}.btn-small{padding:.4rem .75rem;font-size:.8rem}.user-name{display:none}.modal-content{width:95%;margin:1rem}.modal-header{padding:1.5rem 1.5rem .5rem}.modal-header h2{font-size:1.5rem}.modal-body{padding:.5rem 1.5rem 1.5rem}}.floating-chatbot{position:fixed;bottom:100px;right:20px;width:380px;height:600px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:20px;box-shadow:0 25px 50px -12px #00000026,0 8px 25px -8px #0000001a,inset 0 1px #fff3;display:none;flex-direction:column;z-index:9999;overflow:hidden;transition:all .6s cubic-bezier(.25,.46,.45,.94);transform:translateY(10px) scale(.95);transform-origin:bottom right;opacity:0}[data-theme=dark] .floating-chatbot{background:#1c1c1ef2;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #0006,0 8px 25px -8px #0000004d,inset 0 1px #ffffff0d}.floating-chatbot.fullscreen{position:fixed!important;bottom:0!important;right:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;transform:scale(1)!important;transform-origin:bottom right!important;z-index:10000;border:none!important;margin:0!important;padding:0!important;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffffa!important;transition:all .6s cubic-bezier(.25,.46,.45,.94)!important}[data-theme=dark] .floating-chatbot.fullscreen{background:#1c1c1efa!important}.floating-chatbot.fullscreen .chat-messages{max-height:calc(100vh - 140px)!important}.floating-chatbot.open{display:flex;transform:translateY(0) scale(1);transform-origin:bottom right;opacity:1}.floating-chatbot.minimized{height:70px;border-radius:35px;transform:scale(.9);transform-origin:bottom right}.floating-chatbot.minimized .chatbot-body{display:none}.floating-chatbot.expanding{transform:scale(1.1);transform-origin:bottom right;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.floating-chatbot.transitioning-to-fullscreen{transform:scale(1.5);transform-origin:bottom right;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.floating-chatbot.collapsing{transform:scale(.8);transform-origin:bottom right;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.chatbot-header{background:linear-gradient(135deg,#0078d4,#106ebe,#1560bd 50%,#0078d4);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;cursor:move;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.chatbot-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);pointer-events:none}.chatbot-title{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px;letter-spacing:-.01em;position:relative;z-index:1}.chatbot-icon{font-size:20px;background:linear-gradient(45deg,#fff,#e3f2fd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.chatbot-status{font-size:11px;color:#4ade80;margin-left:8px;background:#4ade801a;padding:2px 8px;border-radius:12px;border:1px solid rgba(74,222,128,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chatbot-controls{display:flex;gap:8px;align-items:center;position:relative;z-index:1}.chatbot-minimize,.chatbot-close,.chatbot-fullscreen{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:14px;font-weight:500;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.chatbot-minimize:before,.chatbot-close:before,.chatbot-fullscreen:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease}.chatbot-minimize:hover,.chatbot-close:hover,.chatbot-fullscreen:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 20px #00000026}.chatbot-minimize:hover:before,.chatbot-close:hover:before,.chatbot-fullscreen:hover:before{opacity:1}.chatbot-close:hover{background:#e53e3ecc;border-color:#e53e3ee6}.chatbot-fullscreen{font-size:12px}.chatbot-fullscreen:active{transform:scale(.95)}.chatbot-controls .btn-small{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:12px;padding:6px 12px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;min-height:28px;display:flex;align-items:center;gap:4px}.chatbot-controls .btn-small:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 2px 8px #0003}.chatbot-controls .btn-small:active{transform:scale(.95)}.chatbot-controls #closeChatbot{background:#ffffff1a!important;background-image:none!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:none!important;transition:all .3s ease!important}.chatbot-controls #closeChatbot:hover{background:#fff3!important;background-image:none!important;border-color:#fff6!important;color:#fff!important;box-shadow:none!important;transform:scale(1.05)!important}.chatbot-controls #closeChatbot:active{background:#ffffff26!important;background-image:none!important;border-color:#ffffff4d!important;transform:scale(.95);box-shadow:none!important}.chatbot-body{flex:1;display:flex;flex-direction:column;height:calc(100% - 70px);background:transparent}.floating-chatbot .chat-messages{flex:1;overflow-y:auto;padding:24px;background:transparent;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;max-height:440px;transition:max-height .4s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .floating-chatbot .chat-messages{scrollbar-color:rgba(255,255,255,.2) transparent}.floating-chatbot .chat-messages::-webkit-scrollbar{width:6px}.floating-chatbot .chat-messages::-webkit-scrollbar-track{background:transparent}.floating-chatbot .chat-messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}[data-theme=dark] .floating-chatbot .chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a}.floating-chatbot .chat-input-container{padding:20px 24px 24px;border-top:1px solid rgba(0,0,0,.05);background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .floating-chatbot .chat-input-container{border-top:1px solid rgba(255,255,255,.05)}.floating-chatbot .chat-input-wrapper{display:flex;gap:12px;align-items:flex-end;position:relative}.floating-chatbot #chatInput{flex:1;height:48px;min-height:48px;max-height:48px;padding:14px 18px;border:2px solid rgba(0,0,0,.06);border-radius:24px;resize:none;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;overflow-y:auto}[data-theme=dark] .floating-chatbot #chatInput{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-primary)}.floating-chatbot #chatInput:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 3px #0078d41a,0 4px 16px #00000014;transform:translateY(-1px)}.floating-chatbot #chatInput::-webkit-scrollbar{display:none}.floating-chatbot #sendMessage{min-width:44px;height:44px;border-radius:22px;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px;background:linear-gradient(135deg,#0078d4,#106ebe);border:none;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0078d44d;position:relative;overflow:hidden}.floating-chatbot #sendMessage:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff1a);opacity:0;transition:opacity .3s ease}.floating-chatbot #sendMessage:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0078d466}.floating-chatbot #sendMessage:hover:before{opacity:1}.floating-chatbot #sendMessage:active{transform:translateY(-1px)}.floating-chatbot #sendMessage:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}.floating-chatbot #sendMessage:disabled{opacity:.5;cursor:not-allowed}.chatbot-footer{padding:8px 16px 12px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);background:var(--background-dark)}.chatbot-provider{font-size:11px;color:var(--text-secondary);font-weight:500}.floating-chatbot #clearChat{padding:4px 8px;font-size:11px;height:auto;min-height:auto}.chatbot-toggle{position:fixed;bottom:24px;right:24px;width:48px;height:48px;background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 32px #0078d44d,0 4px 16px #0000001a;z-index:999;transition:all .4s cubic-bezier(.4,0,.2,1);color:#fff;font-size:28px;-webkit-user-select:none;user-select:none;border:3px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.chatbot-toggle:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:inherit;opacity:0;transition:opacity .3s ease}.chatbot-toggle:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 48px #0078d466,0 8px 24px #00000026;border-color:#fff3}.chatbot-toggle:hover:before{opacity:1}.chatbot-toggle:active{transform:translateY(-2px) scale(1.02)}.notification-badge{position:absolute;top:6px;right:6px;width:16px;height:16px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;font-size:10px;animation:notificationPulse 2s infinite;border:2px solid white;box-shadow:0 2px 8px #ef44444d}@keyframes messageSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes notificationPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.typing-indicator{padding:12px 16px;background:#0078d41a;border-radius:12px;color:#0078d4;font-style:italic;animation:typingFade 1.5s infinite}@keyframes typingFade{0%,to{opacity:.7}50%{opacity:1}}.typing-dots{display:flex;gap:4px;align-items:center}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);animation:typingPulse 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-message.streaming .message-content{border-left:3px solid var(--primary-color);animation:streamingPulse 2s infinite}.streaming-dots{display:flex;gap:4px;align-items:center;padding:8px 0}.streaming-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary-color);animation:streamingDot 1.4s infinite ease-in-out}.streaming-dots span:nth-child(1){animation-delay:-.32s}.streaming-dots span:nth-child(2){animation-delay:-.16s}.streaming-dots span:nth-child(3){animation-delay:0s}@keyframes streamingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.streaming .typing-indicator{color:var(--primary-color);font-style:italic;animation:fadeInOut 1.5s infinite}@keyframes streamingPulse{0%,to{border-left-color:var(--primary-color)}50%{border-left-color:var(--accent-color)}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.floating-chatbot,.chatbot-toggle{z-index:9999}#apiKeySection{display:none!important}.hero-video{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-video:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0000001a}#videoFullscreenOverlay{cursor:default}#videoFullscreenOverlay .video-container{position:relative}@keyframes playButtonPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@media (max-width: 768px){#videoFullscreenOverlay .video-container{width:95vw!important;height:85vh!important;max-width:none!important;max-height:none!important}#videoFullscreenOverlay .close-button{top:10px!important;right:10px!important;width:40px!important;height:40px!important;font-size:20px!important}}.video-loading{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;color:#fff;font-size:1.2rem;z-index:1000}.video-loading:after{content:"";width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}.video-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:100001;opacity:0;transition:opacity .3s ease}#videoFullscreenOverlay:hover .video-controls{opacity:1}.video-control-btn{background:#000c;color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;font-size:18px}.video-control-btn:hover{background:#0078d4cc;transform:scale(1.1)}@keyframes videoSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes videoSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.95)}}.video-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);z-index:99998}.video-notification{background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff;border:none;box-shadow:0 8px 32px #0078d44d}.video-progress{position:absolute;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#0078d4,#106ebe);transition:width .3s ease;z-index:100002}.video-quality{position:absolute;top:20px;left:20px;background:#000c;color:#fff;padding:8px 12px;border-radius:20px;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);z-index:100001}