body{font-family:sans-serif;margin:0;background-color:#1a1a1a;color:#fff;position:relative;overflow-x:hidden}body:after{content:"";position:fixed;top:50%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#7c3aed,#6d28d9,#5b21b6,#4c1d95,#3730a3,transparent);box-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor;z-index:-1}@keyframes line-sweep{0%{transform:translate(-120%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(120%);opacity:0}}@keyframes pulse-glow{0%{box-shadow:0 0 5px #5ccc9d,0 0 10px #5ccc9d,0 0 15px #5ccc9d;opacity:.5}50%{box-shadow:0 0 10px #5ccc9d,0 0 20px #5ccc9d,0 0 30px #5ccc9d;opacity:1}to{box-shadow:0 0 5px #5ccc9d,0 0 10px #5ccc9d,0 0 15px #5ccc9d;opacity:.5}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:80px 20px 20px}.content-section{margin-bottom:4rem;padding:2rem;background:#ffffff05;border-radius:20px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header{background:linear-gradient(to right,#051d13,#333);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:15px 20px;text-align:center;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 10px #0003}header h1{margin:0}header nav ul{list-style:none;padding:0;margin:10px 0 0}header nav ul li{display:inline-block;margin:0 10px}header nav ul li a{color:#fff;text-decoration:none}section{margin-bottom:20px}h2{border-bottom:1px solid rgba(92,204,157,.3);padding-bottom:10px;background:linear-gradient(135deg,#61dafb,#5ccc9d,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}footer{background-color:#333;color:#fff;padding:20px;text-align:center}.chatbot-bubble-container{position:fixed;bottom:20px;right:20px;z-index:1001}.chatbot-bubble{background:linear-gradient(135deg,#5ccc9d,#61dafb);color:#fff;border:none;border-radius:50%;width:60px;height:60px;font-size:30px;cursor:pointer;box-shadow:0 4px 20px #5ccc9d4d;display:flex;justify-content:center;align-items:center;transition:all .3s ease;position:relative;overflow:hidden}.chatbot-bubble:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}.chatbot-bubble:hover{transform:scale(1.1);box-shadow:0 6px 30px #5ccc9d80;background:linear-gradient(135deg,#61dafb,#5ccc9d)}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-images{display:flex;gap:10px;margin-top:10px}.project-images img{max-width:100%;height:auto;border:1px solid #ddd;border-radius:4px}.main-header{position:fixed;top:0;left:0;right:0;background:#101624f7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1.5px solid rgba(56,178,172,.25);z-index:1000;transition:all .3s ease}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo{font-size:1.5rem;font-weight:600;color:#38b2ac;margin:0}.main-nav{flex:1;display:flex;justify-content:flex-end}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-link{color:#b6c6d7;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.nav-link:hover{color:#38b2ac;background:#38b2ac1f}.nav-link.active{color:#38b2ac;background:#6d28d94d;border:1px solid rgba(109,40,217,.5)}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;padding:1rem}.nav-list{gap:1rem}.nav-link{padding:.3rem .8rem;font-size:.9rem}}.about-section{padding:5rem 2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#282c34f2,#121212fa);position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(97,218,251,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(92,204,157,.1) 0%,transparent 50%);pointer-events:none}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;position:relative;z-index:2;margin-bottom:4rem}.about-text{position:relative}.about-text h2{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#61dafb,#5ccc9d,#4aa87a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;letter-spacing:-.02em;position:relative}.about-text h2:after{content:"";position:absolute;bottom:-10px;left:0;width:100px;height:4px;background:linear-gradient(135deg,#61dafb,#5ccc9d);border-radius:2px}.soft-skills-list li{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .4s ease;position:relative;overflow:hidden}.soft-skills-list li: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 .6s ease}.soft-skills-list li:hover:before{left:100%}.soft-skills-list li:hover{transform:translateY(-8px) scale(1.02);border-color:#61dafb80;box-shadow:0 15px 40px #0000004d}.skill-icon{font-size:2.5rem;color:#61dafb;background:#61dafb1a;padding:1rem;border-radius:15px;border:2px solid rgba(97,218,251,.3);transition:all .3s ease}.soft-skills-list li:hover .skill-icon{transform:scale(1.2);color:#5ccc9d;background:#5ccc9d26;border-color:#5ccc9d80}.skill-text{flex:1}.skill-text h4{font-size:1.4rem;color:#fff;margin:0 0 .5rem;font-weight:600}.skill-text p{font-size:1.1rem;color:#fffc;margin:0;line-height:1.6}.personal-details{list-style:none;padding:0;margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.personal-details li{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:1.2rem;font-size:1.2rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.personal-details li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#61dafb,#5ccc9d);transition:width .3s ease}.personal-details li:hover:before{width:8px}.personal-details li:hover{transform:translate(10px);background:#61dafb26;border-color:#61dafb4d;box-shadow:0 5px 20px #61dafb33}.personal-details li svg{font-size:1.5rem;color:#61dafb;transition:all .3s ease}.personal-details li:hover svg{color:#5ccc9d;transform:scale(1.2)}.soft-skills-list{list-style:none;padding:0;margin:2rem 0;display:flex;flex-direction:column;gap:1.5rem}.soft-skills-list li{display:flex;align-items:flex-start;gap:1rem}.soft-skills-list .skill-icon{font-size:1.8rem;margin-top:4px;transition:all .3s ease}.soft-skills-list li:nth-child(1) .skill-icon{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.5)}.soft-skills-list li:nth-child(2) .skill-icon{color:#8b5cf6;text-shadow:0 0 10px rgba(139,92,246,.5)}.soft-skills-list li:nth-child(3) .skill-icon{color:#06b6d4;text-shadow:0 0 10px rgba(6,182,212,.5)}.soft-skills-list li:hover .skill-icon{transform:scale(1.2) rotate(10deg)}.soft-skills-list .skill-text h4{margin:0 0 .25rem;font-size:1.2rem;color:#fff}.soft-skills-list .skill-text p{margin:0;line-height:1.5;color:#ccc}.about-image-container{display:flex;justify-content:center;align-items:center;position:relative}.about-image{width:100%;max-width:400px;border-radius:25px;border:3px solid transparent;background:linear-gradient(135deg,#61dafb33,#5ccc9d33);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #61dafb4d;transform:rotate(2deg);transition:all .4s ease;position:relative;overflow:hidden}.about-image:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,#61dafb,#5ccc9d,#4aa87a);border-radius:25px;z-index:-1;animation:borderGlow 3s ease-in-out infinite alternate}@keyframes borderGlow{0%{opacity:.6;filter:blur(2px)}to{opacity:1;filter:blur(4px)}}.about-image:hover{transform:rotate(0) scale(1.05);box-shadow:0 30px 80px #61dafb66}.dog-section{background:linear-gradient(135deg,#61dafb1a,#5ccc9d1a);border:2px solid rgba(97,218,251,.3);border-radius:25px;padding:3rem;position:relative;z-index:2;overflow:hidden;text-align:center}.dog-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(97,218,251,.05),transparent);animation:rotate 15s linear infinite;z-index:-1}.dog-section h3{font-size:2.5rem;color:#fff;margin-bottom:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:1rem}.dog-section h3 svg{color:#61dafb;animation:bounce 2s infinite}.dog-content{display:flex;align-items:center;gap:3rem;text-align:left;justify-content:center;flex-wrap:wrap}.dog-image{width:250px;height:250px;object-fit:cover;border-radius:50%;border:4px solid transparent;background:linear-gradient(135deg,#61dafb33,#5ccc9d33);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 15px 40px #61dafb4d;transition:all .4s ease;position:relative}.dog-image:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,#61dafb,#5ccc9d);border-radius:50%;z-index:-1;animation:pulse 3s ease-in-out infinite}.dog-image:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 25px 60px #61dafb66}.dog-content p{font-size:1.3rem;color:#ffffffe6;line-height:1.7;max-width:500px;margin:0}@media (max-width: 768px){.about-section{padding:3rem 1rem}.about-grid{grid-template-columns:1fr;gap:3rem}.about-text h2{font-size:2.5rem;text-align:center}.soft-skills-list li{flex-direction:column;text-align:center;padding:1.5rem}.skill-icon{font-size:2rem}.about-image{transform:rotate(0);margin-top:2rem;max-width:300px}.dog-content{flex-direction:column;text-align:center;gap:2rem}.dog-image{width:200px;height:200px}.dog-section h3{font-size:2rem}}.contact-section{padding:5rem 2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#282c34f2,#121212fa);position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(97,218,251,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(92,204,157,.1) 0%,transparent 50%);pointer-events:none}.contact-header{text-align:center;margin-bottom:4rem;position:relative;z-index:2}.contact-header h2{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#61dafb,#5ccc9d,#4aa87a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;letter-spacing:-.02em}.contact-subtitle{font-size:1.4rem;line-height:1.7;color:#ffffffd9;max-width:800px;margin:0 auto;font-weight:300}.hero-contact{margin-bottom:5rem;display:flex;justify-content:center;position:relative;z-index:2}.hero-card{background:linear-gradient(135deg,#61dafb26,#5ccc9d26);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(97,218,251,.3);border-radius:25px;padding:3rem;display:flex;align-items:center;gap:2rem;max-width:600px;width:100%;position:relative;overflow:hidden;transition:all .4s ease}.hero-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #61dafb4d;border-color:#61dafb80}.hero-decoration{position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(97,218,251,.2) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.hero-icon{position:relative}.pulse-icon{font-size:4rem;color:#61dafb;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.hero-content h3{font-size:1.8rem;color:#fff;margin-bottom:.5rem;font-weight:600}.hero-email{font-size:2.2rem;font-weight:700;color:#61dafb;text-decoration:none;display:block;margin-bottom:.5rem;transition:all .3s ease}.hero-email:hover{color:#5ccc9d;transform:scale(1.05)}.hero-tagline{color:#ffffffb3;font-size:1rem;margin:0}.contact-grid-modern{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:5rem;position:relative;z-index:2}.contact-category{position:relative}.category-title{font-size:1.8rem;color:#fff;margin-bottom:2rem;display:flex;align-items:center;gap:.8rem;font-weight:600}.title-icon{font-size:1.5rem}.cards-container{display:flex;flex-direction:column;gap:1.5rem}.modern-contact-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;text-decoration:none;color:inherit;transition:all .4s ease;position:relative;overflow:hidden}.modern-contact-card: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 .6s ease}.modern-contact-card:hover:before{left:100%}.modern-contact-card:hover{transform:translateY(-8px) scale(1.02);border-color:#61dafb80;box-shadow:0 15px 40px #0000004d}.card-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:15px;background:#61dafb1a;border:2px solid rgba(97,218,251,.3)}.card-icon{font-size:1.8rem;color:#61dafb;z-index:2;transition:all .3s ease}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(97,218,251,.3) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease}.modern-contact-card:hover .icon-glow{opacity:1}.modern-contact-card:hover .card-icon{transform:scale(1.2);color:#5ccc9d}.card-info{flex:1}.card-info h4{font-size:1.4rem;color:#fff;margin:0 0 .3rem;font-weight:600}.card-info p{font-size:1.1rem;color:#fffc;margin:0 0 .5rem}.card-tag{font-size:.9rem;color:#61dafb;background:#61dafb1a;padding:.3rem .8rem;border-radius:12px;font-weight:500}.card-arrow{font-size:1.5rem;color:#fff6;transition:all .3s ease}.modern-contact-card:hover .card-arrow{color:#61dafb;transform:translate(5px)}.location-indicator{font-size:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.email-card:hover{border-color:#61dafb99;box-shadow:0 15px 40px #61dafb33}.linkedin-card:hover{border-color:#0077b599;box-shadow:0 15px 40px #0077b533}.phone-card:hover{border-color:#5ccc9d99;box-shadow:0 15px 40px #5ccc9d33}.youtube-card:hover{border-color:#f009;box-shadow:0 15px 40px #f003}.youtube-card .card-icon{color:red}.codewars-card:hover{border-color:#ad6d3199;box-shadow:0 15px 40px #ad6d3133}.location-card:hover{border-color:#4aa87a99;box-shadow:0 15px 40px #4aa87a33}.contact-cta-modern{text-align:center;background:linear-gradient(135deg,#61dafb1a,#5ccc9d1a);border:2px solid rgba(97,218,251,.3);border-radius:25px;padding:3rem;position:relative;z-index:2;overflow:hidden}.contact-cta-modern:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(97,218,251,.1),transparent);animation:rotate 10s linear infinite;z-index:-1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-content h3{font-size:2.5rem;color:#fff;margin-bottom:1rem;font-weight:700}.cta-content p{font-size:1.3rem;color:#fffc;margin-bottom:2rem;line-height:1.6}.cta-highlight{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.highlight-text{font-size:1.1rem;color:#61dafb;background:#61dafb1a;padding:.8rem 1.5rem;border-radius:15px;border:1px solid rgba(97,218,251,.3);font-weight:500;transition:all .3s ease}.highlight-text:hover{transform:translateY(-3px);background:#61dafb33;border-color:#61dafb80}@media (max-width: 768px){.contact-grid-modern{grid-template-columns:1fr;gap:3rem}.hero-card{flex-direction:column;text-align:center;padding:2rem}.contact-header h2{font-size:2.5rem}.cta-highlight{flex-direction:column;align-items:center}.contact-section{padding:3rem 1rem}}.image-gallery{margin-top:2rem;background:#ffffff05;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.gallery-header h4{margin:0;color:#fff;font-size:1.1rem;font-weight:500}.gallery-indicators{display:flex;gap:.5rem}.indicator{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator.active{background:#5ccc9d;transform:scale(1.2)}.gallery-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.gallery-nav{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;font-size:1rem}.gallery-nav:hover:not(:disabled){background:#5ccc9d4d;border-color:#5ccc9d;box-shadow:0 0 10px #5ccc9d4d}.gallery-nav:disabled{opacity:.3;cursor:not-allowed}.gallery-main{flex:1;display:flex;justify-content:center}.image-container{position:relative;max-width:100%;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease}.image-container:hover{transform:scale(1.02)}.gallery-image{width:100%;height:250px;object-fit:cover;display:block;border-radius:8px}.image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.8) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:1rem;opacity:0;transition:opacity .3s ease}.image-container:hover .image-overlay{opacity:1}.image-label{color:#fff;font-size:.9rem;font-weight:500;text-transform:capitalize;align-self:flex-start}.zoom-button{background:#5ccc9de6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:.9rem;align-self:flex-end;transition:all .3s ease}.zoom-button:hover{background:#5ccc9d;transform:scale(1.1)}.gallery-thumbnails{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.thumbnail{background:none;border:2px solid transparent;border-radius:6px;padding:0;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;width:80px;height:50px}.thumbnail:hover{border-color:#5ccc9d80;transform:scale(1.05)}.thumbnail.active{border-color:#5ccc9d}.thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-label{position:absolute;bottom:0;left:0;right:0;background:#000c;color:#fff;font-size:.7rem;padding:.2rem;text-align:center;text-transform:capitalize;opacity:0;transition:opacity .3s ease}.thumbnail:hover .thumbnail-label{opacity:1}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;margin:0;padding:0;box-sizing:border-box}.modal-overlay img,.modal-overlay .modal-image{max-width:99vw!important;max-height:98vh!important;width:auto!important;height:auto!important;min-width:80vw!important;min-height:60vh!important}.modal-content{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;animation:slideIn .3s ease;margin:0;padding:0;box-sizing:border-box}@keyframes slideIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:fixed;top:20px;right:20px;background:#ef4444f2;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:1.4rem;transition:all .3s ease;z-index:100000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #000c}.modal-close:hover{background:#ef4444;box-shadow:0 0 30px #ef4444cc;transform:scale(1.1)}.modal-nav{position:fixed;top:50%;transform:translateY(-50%);background:#7c3aede6;border:2px solid rgba(124,58,237,.6);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;font-size:1.4rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100000;box-shadow:0 4px 20px #0009}.modal-nav.prev{left:20px}.modal-nav.next{right:20px}.modal-nav:hover:not(:disabled){background:#7c3aed;border-color:#a855f7;box-shadow:0 0 30px #7c3aedcc;transform:translateY(-50%) scale(1.1)}.modal-nav:disabled{opacity:.3;cursor:not-allowed}.modal-image-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:0;margin:0;box-sizing:border-box}.modal-image{max-width:99vw!important;max-height:98vh!important;width:auto!important;height:auto!important;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #000000e6;border:2px solid rgba(124,58,237,.4);cursor:default;display:block!important;min-width:80vw;min-height:60vh}.modal-info{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#fff;text-align:center;background:#000000d9;padding:1rem 2rem;border-radius:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(124,58,237,.4);box-shadow:0 8px 30px #000000b3;z-index:100000;max-width:80vw}.modal-info h3{margin:0 0 .3rem;font-size:1.1rem;color:#a855f7;font-weight:600}.modal-info p{margin:0 0 .3rem;font-size:.9rem;text-transform:capitalize;color:#e5e7eb}.modal-counter{font-size:.8rem;color:#7c3aed;font-weight:500;background:#7c3aed4d;padding:.2rem .6rem;border-radius:12px;display:inline-block}@media (max-width: 768px){.gallery-container{flex-direction:column;gap:.5rem}.gallery-nav{position:static;align-self:center}.gallery-thumbnails{justify-content:center;gap:.5rem}.thumbnail{min-width:60px;height:60px}.modal-content{width:100vw;height:100vh}.modal-close{top:15px;right:15px;width:40px;height:40px;font-size:1.1rem}.modal-nav{width:45px;height:45px;font-size:1.1rem}.modal-nav.prev{left:10px}.modal-nav.next{right:10px}.modal-image-container{padding:50px 60px 70px}.modal-info{bottom:10px;padding:.6rem 1.2rem;max-width:85%;font-size:.9rem}}@media (max-width: 480px){.image-gallery{padding:1rem}.gallery-header h4{font-size:1rem}.modal-image-container{padding:45px 15px 60px}.modal-nav{width:40px;height:40px;font-size:1rem}.modal-close{width:35px;height:35px;font-size:1rem}.modal-info{padding:.5rem 1rem;max-width:90%}}.projects-section{padding:6rem 2rem 3rem;max-width:1600px;margin:0 auto}.projects-header{text-align:center;margin-bottom:3rem}.projects-header h2{font-size:2.5rem;font-weight:300;color:#fff;margin:0 0 1rem;letter-spacing:1px}.projects-subtitle{font-size:1.1rem;color:#ccc;margin:0;font-weight:300;font-style:italic}.projects-category{margin-bottom:2rem}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(92,204,157,.3)}.category-icon{font-size:1.5rem;color:#5ccc9d}.category-header h3{font-size:1.6rem;font-weight:400;color:#fff;margin:0;flex:1}.category-count{background:#5ccc9d33;color:#5ccc9d;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.projects-grid{display:grid;gap:2rem}.database-grid{grid-template-columns:1fr}.development-grid{display:flex;flex-direction:column;gap:1.5rem}.project-card{background:#ffffff08;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#5ccc9d,#61dafb);opacity:0;transition:opacity .3s ease}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#5ccc9d4d}.project-card:hover:before{opacity:1}.project-header{margin-bottom:1.5rem}.project-header h4{margin:0 0 1rem;font-size:1.3rem;font-weight:500}.project-header h4 a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.project-header h4 a:hover{color:#5ccc9d}.github-icon{font-size:1.1rem;opacity:.8}.external-link-icon{font-size:.9rem;opacity:.6;margin-left:auto}.project-technologies{display:flex;gap:.5rem;flex-wrap:wrap}.tech-tag{background:#5ccc9d26;color:#5ccc9d;padding:.3rem .8rem;border-radius:12px;font-size:.85rem;font-weight:500;border:1px solid rgba(92,204,157,.3)}.project-description{color:#ccc;line-height:1.6;margin:0 0 1.5rem;font-size:1rem}.projects-main-layout{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3rem;align-items:start}.database-section{border-right:2px solid rgba(92,204,157,.2);padding-right:1.5rem}.development-section{padding-left:1.5rem}.project-content-layout{display:flex;flex-direction:column;gap:1.5rem;height:100%}.project-info{flex:0 0 auto}.project-gallery{flex:1;min-height:0}.database-grid .project-card{min-height:400px}.project-theme-netflix{border-left:4px solid #e50914}.project-theme-netflix .project-header h4 a:hover{color:#e50914}.project-theme-netflix .tech-tag{background:#e5091433;color:#ff4757;border-color:#e5091466;box-shadow:0 2px 8px #e5091433}.project-theme-library{border-left:4px solid #4285f4}.project-theme-library .project-header h4 a:hover{color:#4285f4}.project-theme-library .tech-tag{background:#4285f433;color:#5dade2;border-color:#4285f466;box-shadow:0 2px 8px #4285f433}.project-theme-banking{border-left:4px solid #00d4aa}.project-theme-banking .project-header h4 a:hover{color:#00d4aa}.project-theme-banking .tech-tag{background:#00d4aa33;color:#1dd1a1;border-color:#00d4aa66;box-shadow:0 2px 8px #00d4aa33}.project-theme-AI{border-left:4px solid #ff006e;background:#ff006e05}.project-theme-AI .project-header h4 a:hover{color:#ff006e}.project-theme-AI .project-description{color:#ff8bb7}.project-theme-AI .tech-tag{background:#ff006e26;color:#ff006e;border-color:#ff006e4d}.project-theme-fakestore{border-left:4px solid #7209b7;background:#7209b705}.project-theme-fakestore .project-header h4 a:hover{color:#7209b7}.project-theme-fakestore .project-description{color:#a663cc}.project-theme-fakestore .tech-tag{background:#7209b726;color:#a663cc;border-color:#7209b74d}.project-theme-terminal{border-left:4px solid #10b981;background:#10b9810d}.project-theme-terminal .project-header h4 a:hover{color:#10b981}.project-theme-terminal .project-description{color:#d1fae5}.project-theme-terminal .tech-tag{background:#10b98126;color:#10b981;border-color:#10b9814d}.project-theme-enterprise{border-left:4px solid #f59e0b;background:#f59e0b0d}.project-theme-enterprise .project-header h4 a:hover{color:#f59e0b}.project-theme-enterprise .project-description{color:#fef3c7}.project-theme-enterprise .tech-tag{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b4d}.project-theme-microservices{border-left:4px solid #8b5cf6;background:#8b5cf60d}.project-theme-microservices .project-header h4 a:hover{color:#8b5cf6}.project-theme-microservices .project-description{color:#ede9fe}.project-theme-microservices .tech-tag{background:#8b5cf626;color:#c4b5fd;border-color:#8b5cf64d}.project-theme-ai-analysis{border-left:4px solid #06b6d4;background:#06b6d40d}.project-theme-ai-analysis .project-header h4 a:hover{color:#06b6d4}.project-theme-ai-analysis .project-description{color:#cffafe}.project-theme-ai-analysis .tech-tag{background:#06b6d426;color:#67e8f9;border-color:#06b6d44d}.project-theme-mechanic{border-left:4px solid #f97316;background:#f973160d}.project-theme-mechanic .project-header h4 a:hover{color:#f97316}.project-theme-mechanic .project-description{color:#fed7aa}.project-theme-mechanic .tech-tag{background:#f9731626;color:#fb923c;border-color:#f973164d}@media (max-width: 900px){.projects-main-layout{grid-template-columns:1fr;gap:2rem}.database-section{border-right:none;border-bottom:2px solid rgba(92,204,157,.2);padding-right:0;padding-bottom:2rem;margin-bottom:2rem}.development-section{padding-left:0}}@media (max-width: 600px){.projects-section{padding:5rem 1rem 1.5rem}.database-section{border-right:none!important;border-bottom:none!important;padding-right:0!important;padding-bottom:1rem!important;margin-bottom:2rem!important}.development-section{padding-left:0!important}.projects-main-layout{display:block!important;grid-template-columns:none!important}.project-header h4 a{flex-wrap:wrap;gap:.3rem}.github-icon,.external-link-icon{font-size:1rem}.development-grid{gap:1rem}.project-card:hover{transform:none}.project-card:active{transform:scale(.98);transition:transform .1s ease}}@media (max-width: 768px){.projects-section{padding:5rem 1rem 2rem}.projects-header h2{font-size:2rem}.projects-main-layout{display:block!important;grid-template-columns:none!important}.database-section{border-right:none!important;border-bottom:1px solid rgba(92,204,157,.1)!important;padding-right:0!important;padding-bottom:2rem!important;margin-bottom:2rem!important}.development-section{padding-left:0!important}.category-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem}.category-header h3{font-size:1.4rem}.project-card{padding:1.5rem;margin-bottom:1rem}.database-grid .project-card{min-height:auto}.projects-category{margin-bottom:3rem}.project-technologies{flex-wrap:wrap;gap:.4rem}.tech-tag{font-size:.7rem;padding:.3rem .6rem}.project-description{font-size:.9rem;line-height:1.5;margin-bottom:1rem}}@media (max-width: 480px){.projects-section{padding:4.5rem .75rem 1.5rem}.projects-header{margin-bottom:2rem}.projects-header h2{font-size:1.6rem}.projects-subtitle{font-size:.95rem}.project-card{padding:1.25rem;margin-bottom:1rem}.project-header h4{font-size:1.1rem;line-height:1.3}.category-header h3{font-size:1.2rem}.category-header{margin-bottom:1rem;padding-bottom:.75rem}.tech-tag{font-size:.65rem;padding:.25rem .5rem}.projects-category{margin-bottom:2.5rem}.project-description{font-size:.85rem;line-height:1.4}.category-count{font-size:.8rem;padding:.4rem .8rem}}.footer{background:linear-gradient(135deg,#101624,#18223a,#101624);color:#e3e8ee;padding:1rem 0;margin-top:2rem;border-top:1.5px solid #2563eb;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#2563eb,#38b2ac,#2563eb,transparent);box-shadow:0 0 10px #2563eb}.footer-bottom-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer-bottom-content p{color:#b6c6d7;margin:.3rem 0;font-size:.9rem}.footer-bottom-content p:first-child{color:#2563eb;font-weight:500}@media (max-width: 480px){.footer{padding:.8rem 0}.footer-bottom-content{padding:0 1rem}.footer-bottom-content p{font-size:.8rem}}.typewriter{display:inline-block;border-right:2px solid #38b2ac;white-space:nowrap;overflow:hidden;animation:blink-caret .7s step-end infinite;font-family:Fira Mono,Consolas,monospace;letter-spacing:1.5px}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#38b2ac}}.home-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1;max-width:600px;width:90%}.intro-section{background:#101624f7;border-radius:14px;padding:3rem 2rem;border:1.5px solid rgba(56,178,172,.25);box-shadow:0 4px 32px #1016241f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.name-title{font-size:3.5rem;font-weight:300;margin:0 0 .5rem;letter-spacing:2px;color:#f5f7fa}@keyframes title-glow{0%{text-shadow:0 0 20px rgba(97,218,251,.8),0 0 40px rgba(92,204,157,.6),0 0 60px rgba(255,107,53,.4)}33%{text-shadow:0 0 20px rgba(92,204,157,.8),0 0 40px rgba(255,107,53,.6),0 0 60px rgba(157,78,221,.4)}66%{text-shadow:0 0 20px rgba(255,107,53,.8),0 0 40px rgba(157,78,221,.6),0 0 60px rgba(6,255,165,.4)}to{text-shadow:0 0 20px rgba(97,218,251,.8),0 0 40px rgba(92,204,157,.6),0 0 60px rgba(255,107,53,.4)}}.title-subtitle{font-size:1.2rem;color:#38b2ac;margin:0 0 2.5rem;font-weight:400;letter-spacing:1px}.tech-showcase{margin:2rem 0;padding:1.5rem 0;border-top:2px solid #2563eb22;border-bottom:2px solid #2563eb22;background:linear-gradient(90deg,#1e40af2e,#38b2ac2e,#1016242e) border-box;background-clip:padding-box,border-box;position:relative}.tech-showcase:before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#61dafb,#5ccc9d,#ff6b35,#9d4edd,#06ffa5);animation:border-sweep 4s infinite}.tech-showcase:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#06ffa5,#9d4edd,#ff6b35,#5ccc9d,#61dafb);animation:border-sweep-reverse 4s infinite}@keyframes border-sweep{0%{transform:translate(-120%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(120%);opacity:0}}@keyframes border-sweep-reverse{0%{transform:translate(120%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-120%);opacity:0}}.tech-label{font-size:1rem;color:#ccc;display:block;margin-bottom:1rem;font-weight:300;letter-spacing:.5px}.tech-display{height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.tech-name{font-size:2.2rem;font-weight:600;display:block;min-height:50px;display:flex;align-items:center;letter-spacing:1px;color:#fff;text-shadow:0 0 15px rgba(97,218,251,.6);transition:all .5s ease}.tech-name:nth-child(1){color:#61dafb}.tech-category{font-size:.9rem;font-weight:300;text-transform:uppercase;letter-spacing:2px;opacity:.8;color:#5ccc9d;text-shadow:0 0 10px rgba(92,204,157,.5)}.cta-section{margin-top:2rem}.cta-text{font-size:1rem;color:#38b2ac;margin:0;font-weight:400;line-height:1.5;font-style:italic}.fade-in{animation:fadeInProfessional .5s ease-out forwards}.fade-out{animation:fadeOutProfessional .5s ease-out forwards}@keyframes fadeInProfessional{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutProfessional{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width: 768px){.intro-section{padding:2rem 1.5rem}.name-title{font-size:2.8rem}.tech-name{font-size:1.8rem}.title-subtitle{font-size:1.1rem}}.react-chatbot-kit-user-chat-message-container{display:flex;margin:15px 0;justify-content:flex-end}.react-chatbot-kit-user-avatar-container{width:40px;height:40px;border-radius:50%;margin-left:12.5px;background-color:#3d4e8d;display:flex;justify-content:center;align-items:center}.react-chatbot-kit-user-avatar-icon{fill:#fff;width:15px;height:15px}.react-chatbot-kit-user-chat-message{background-color:#f1f1f1;padding:10px;border-radius:5px;font-size:.9rem;color:#585858;font-weight:medium;position:relative;text-align:left}.react-chatbot-kit-user-chat-message-arrow{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #f1f1f1;position:absolute;right:-7px;top:13px}.react-chatbot-kit-chat-bot-message-container{display:flex;margin:15px 0;justify-content:flex-start}.react-chatbot-kit-chat-bot-avatar-container{width:40px;height:40px;border-radius:50%;font-size:1.2rem;margin-right:12.5px;background-color:#d8d8d8;display:flex;justify-content:center;align-items:center}.react-chatbot-kit-chat-bot-avatar-icon{fill:#494646;width:22.5px;height:22.5px}.react-chatbot-kit-chat-bot-avatar-letter{color:#1d1d1d;margin:0;padding:0}.react-chatbot-kit-chat-bot-message{background-color:#2898ec;padding:10px;border-radius:5px;font-size:.9rem;color:#fff;font-weight:medium;position:relative;width:184.5px;margin-left:auto;text-align:left}.react-chatbot-kit-chat-bot-message-arrow{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #2898ec;position:absolute;left:-7px;top:13px}.react-chatbot-kit-chat-bot-loading-icon-container{height:17px;width:25px}.chatbot-loader-container{display:flex;width:100%;justify-content:center}#chatbot-loader #chatbot-loader-dot1{animation:load 1s infinite}#chatbot-loader #chatbot-loader-dot2{animation:load 1s infinite;animation-delay:.2s}#chatbot-loader #chatbot-loader-dot3{animation:load 1s infinite;animation-delay:.4s}@keyframes load{0%{opacity:0}50%{opacity:1}to{opacity:0}}.react-chatbot-kit-chat-container{position:relative;width:275px}.react-chatbot-kit-chat-inner-container{height:500px;background-color:#fff;border-radius:5px}.react-chatbot-kit-chat-header{border-top-right-radius:5px;border-top-left-radius:5px;background-color:#efefef;font-family:Arial;display:flex;align-items:center;font-size:.85rem;color:#514f4f;padding:12.5px;font-weight:700}.react-chatbot-kit-chat-input-container{position:absolute;bottom:0;width:100%;display:flex}.react-chatbot-kit-chat-message-container{padding:0 17.5px 10px;overflow:scroll;height:424px}.react-chatbot-kit-chat-input{width:100%;padding:12.5px;border:none;font-size:.85rem;border-top:1px solid #d8d8d8;border-bottom-left-radius:5px}.react-chatbot-kit-chat-input-form{width:100%;display:flex}.react-chatbot-kit-chat-input::placeholder{color:#585858}.react-chatbot-kit-chat-btn-send{background-color:#2898ec;width:100px;border:none;color:#fff;border-bottom-right-radius:5px}.react-chatbot-kit-chat-btn-send-icon{fill:#fff;width:15px;margin:0 auto}.react-chatbot-kit-error{background-color:#fff;border-radius:3px;padding:15px}.react-chatbot-kit-error-container{width:260px}.react-chatbot-kit-error-header{font-size:1.3rem;color:#1d1d1d;margin-bottom:30px}.react-chatbot-kit-error-docs{display:block;margin:25px auto;color:#38688b;padding:8px;border:1px solid rgb(40,152,236);width:130px;text-align:center;text-decoration:none;font-size:1rem}.chatbot-toggle-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 20px #7c3aed66;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.chatbot-toggle-btn:hover{transform:scale(1.05);box-shadow:0 6px 25px #7c3aed99;background:linear-gradient(135deg,#6d28d9,#5b21b6)}.chatbot-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1001;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chatbot-modal{width:90%;max-width:500px;height:80%;max-height:600px;background:#1e1b4bf2;border-radius:20px;border:1px solid rgba(109,40,217,.3);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.chatbot-modal-header{background:linear-gradient(135deg,#7c3aed,#6d28d9);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(109,40,217,.3)}.chatbot-modal-title{display:flex;align-items:center;gap:.75rem}.chatbot-icon{font-size:1.5rem}.chatbot-modal-title h3{margin:0;color:#fff;font-size:1.1rem;font-weight:600}.chatbot-header-content{display:flex;justify-content:flex-start;align-items:center;width:auto;gap:10px}.chatbot-header h3{margin:0;font-size:16px;font-weight:600;text-align:left;white-space:nowrap}.chatbot-close-btn{background:#dc2626e6;border:2px solid #fff;color:#fff;font-size:18px;font-weight:700;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.chatbot-close-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.1)}.chatbot-close-btn:disabled{opacity:.5;cursor:not-allowed}.chatbot-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%;height:100%}.chatbot-modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.chatbot-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.spinner-container{text-align:center}.spinner{width:50px;height:50px;border:4px solid rgba(124,58,237,.3);border-top:4px solid #7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#cbd5e1}.loading-text p{margin:0 0 .5rem;font-size:1rem}.loading-dots{display:inline-flex;gap:.2rem}.loading-dots span{animation:loadingDots 1.4s infinite ease-in-out both;font-weight:700;font-size:1.2rem}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.react-chatbot-kit-chat-container{background:transparent!important;height:100%!important;width:100%!important;display:flex!important;flex-direction:column!important;border-radius:0!important;box-shadow:none!important}.react-chatbot-kit-chat-inner-container{background:transparent!important;flex:1!important;width:100%!important;display:flex!important;flex-direction:column!important;min-height:0!important}.react-chatbot-kit-chat-message-container{background:transparent!important;flex:1!important;width:100%!important;padding:16px!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;max-height:calc(100% - 80px)!important;margin-bottom:10px!important;box-sizing:border-box!important}.react-chatbot-kit-chat-input-container{background:#ffffff0d!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:16px!important;width:100%!important;flex-shrink:0!important;position:relative!important;z-index:10!important;box-sizing:border-box!important}.react-chatbot-kit-chat-input{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:25px!important;color:#fff!important;padding:12px 20px!important;font-size:14px!important}.react-chatbot-kit-chat-input::placeholder{color:#fff9!important}.react-chatbot-kit-chat-input:focus{outline:none!important;border-color:#5ccc9d!important;box-shadow:0 0 0 2px #5ccc9d33!important}.react-chatbot-kit-chat-btn-send{background:#5ccc9d!important;border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;margin-left:10px!important;color:#fff!important;cursor:pointer!important;transition:all .2s ease!important}.react-chatbot-kit-chat-btn-send:hover{background:#4aa87a!important;transform:scale(1.05)!important}.react-chatbot-kit-chat-bot-message{background:#5ccc9d!important;color:#fff!important;border-radius:18px 18px 18px 5px!important;margin:5px 0!important;padding:10px 15px!important;max-width:80%!important;word-wrap:break-word!important;font-size:14px!important;line-height:1.4!important}.react-chatbot-kit-user-chat-message{background:#4285f4!important;color:#fff!important;border-radius:18px 18px 5px!important;padding:10px 15px!important;max-width:80%!important;margin:5px 0 5px auto!important;word-wrap:break-word!important;font-size:14px!important;line-height:1.4!important}.react-chatbot-kit-chat-bot-avatar{background:#5ccc9d!important;border-radius:50%!important;width:35px!important;height:35px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-right:8px!important;color:#fff!important;font-weight:700!important}@media (max-width: 768px){.chatbot-container{width:calc(100vw - 40px);height:480px;right:20px;bottom:90px}.chatbot-modal{width:95%;height:85%;margin:1rem}.chatbot-modal-header{padding:.75rem 1rem}.chatbot-modal-title h3{font-size:1rem}}.schedule-widget{margin:10px 0;text-align:center}.schedule-btn{background:linear-gradient(135deg,#5ccc9d,#4aa87a);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #5ccc9d4d}.schedule-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5ccc9d66}.interview-options-widget{margin:15px 0;padding:15px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.widget-text{color:#fff;margin-bottom:15px;font-size:14px;text-align:center}.options-buttons{display:flex;gap:10px;justify-content:center}.option-btn{padding:10px 20px;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1}.phone-btn{background:linear-gradient(135deg,#4285f4,#3367d6);color:#fff}.phone-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}.zoom-btn{background:linear-gradient(135deg,#2d8cff,#06c);color:#fff}.zoom-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2d8cff4d}.datetime-selector-widget{margin:15px 0;padding:20px;background:#ffffff14;border-radius:15px;border:1px solid rgba(255,255,255,.15);max-width:400px}.datetime-selector-widget h4{color:#5ccc9d;margin:0 0 20px;text-align:center;font-size:16px;text-transform:capitalize}.contact-form{margin-bottom:20px}.contact-input{width:100%;padding:10px 12px;margin-bottom:10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px;box-sizing:border-box}.contact-input::placeholder{color:#fff9}.contact-input:focus{outline:none;border-color:#5ccc9d;box-shadow:0 0 0 2px #5ccc9d33}.message-input{resize:vertical;min-height:60px;font-family:inherit}.direct-email-note{margin-top:15px;padding:10px;background:#61dafb1a;border-radius:8px;border:1px solid rgba(97,218,251,.3);text-align:center}.direct-email-note p{margin:0;font-size:12px;color:#fffc}.direct-email-note a{color:#61dafb;text-decoration:none;font-weight:700}.direct-email-note a:hover{text-decoration:underline}.date-selection{margin-bottom:20px}.date-selection label{display:block;color:#fff;margin-bottom:8px;font-size:14px;font-weight:500}.date-input{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px;box-sizing:border-box}.date-input:focus{outline:none;border-color:#5ccc9d;box-shadow:0 0 0 2px #5ccc9d33}.time-selection{margin-bottom:25px}.time-selection label{display:block;color:#fff;margin-bottom:12px;font-size:14px;font-weight:500}.time-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.time-slot{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#fff;font-size:12px;cursor:pointer;transition:all .2s ease}.time-slot:hover{border-color:#5ccc9d;background:#5ccc9d1a}.time-slot.selected{background:#5ccc9d;border-color:#5ccc9d;color:#000;font-weight:600}.submit-schedule-btn{width:100%;padding:12px;background:linear-gradient(135deg,#5ccc9d,#4aa87a);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-schedule-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #5ccc9d4d}
