*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0;list-style:none}.mobile-toggle{display:none}.light-mode{--color-primary:#5d5f60;--color-secondary:#f97316;--color-white:#fff;--color-black:#000;--color-grey-0:#f8f8f8;--color-gray-1:#dbe1e8;--color-gray-2:#b2decd;--color-gray-3:#6c7983;--color-gray-4:#454e56;--color-gray-5:#2a2e35;--color-gray-6:#12181b}:root{--color-primary:#191d2b;--color-secondary:#27ae60;--color-white:#fff;--color-black:#000;--color-grey-0:#f8f8f8;--color-gray-1:#dbe1e8;--color-gray-2:#b2decd;--color-gray-3:#6c7983;--color-gray-4:#454e56;--color-gray-5:#2a2e35;--color-gray-6:#12181b;--color-orange:#f97316}body{margin:0;font-family:Poppins,sans-serif;font-size:.95rem;line-height:1.5;transition:all .4s ease-in-out}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}header{z-index:1000;background-color:var(--color-white);border-bottom:1px solid #0000001a;justify-content:space-between;max-width:1440px;margin:auto;padding-top:10px;padding-bottom:10px;display:flex;position:sticky;top:0}header .logo-holder{color:var(--color-secondary);align-items:center;padding:10px;font-size:.95rem;display:flex}header .logo-holder .logo{background-color:var(--color-secondary);color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-right:20px;font-size:32px;display:flex}header .logo-holder .logo-text{flex:1;font-size:2rem;font-weight:600}@media (max-width:768px){header .logo-holder .logo-text{font-size:1.7rem}}header .logo-holder .logo-text:hover{text-decoration:none}header nav{align-items:center;display:flex;position:relative}header nav ul{gap:1px;list-style-type:none;display:flex}header nav ul li{display:inline-block}header nav ul li a{padding:10px 20px;font-size:.95rem;display:inline-block}header nav ul li a:hover{background-color:var(--color-secondary);color:var(--color-white);border-radius:50px;text-decoration:none}header nav .mobile-toggle{z-index:999;border-radius:30px;padding:10px;display:none;position:absolute;top:20px;right:10px}@media (max-width:768px){header .mobile-toggle{display:block}}@media (max-width:1024px){header{flex-direction:column;align-items:center;font-size:.95rem}}@media (max-width:768px){header{flex-direction:column;align-items:center}header nav{width:100%;margin-top:10px}header nav ul{text-align:center;flex-direction:column;width:100%;display:none}header nav ul a{width:100%}header nav ul.active{display:flex}}.container{gap:30px;max-width:1440px;margin:10px auto;padding:10px 20px}@media (max-width:1440px){.container{padding-left:30px;padding-right:30px}}h2{text-align:center;color:var(--color-gray-6);margin:0;padding-bottom:20px;font-size:3rem;line-height:1}@media (max-width:1024px){h2{margin-top:1rem;font-size:30rem}}@media (max-width:786px){h2{font-size:30rem}}h3{color:var(--color-gray);margin-bottom:20px;font-size:2rem;font-weight:600;line-height:1}h3 span{color:var(--color-secondary)}@media (max-width:1024px){h3{margin-top:0;font-size:1rem}}@media (max-width:786px){h3{margin-top:0;font-size:1.5rem}}@media (max-width:768px){#skills,#experience,#education,#chatbot{margin-top:-280px;padding-top:280px}}.hero{display:flex}@media (max-width:1024px){.hero{flex-direction:column}}.hero .hero-blue{background-color:var(--color-primary);color:var(--color-white);border-radius:30px;flex-direction:column;flex:1;padding:20px;font-size:.95rem;display:flex}@media (max-width:1024px){.hero .hero-blue{font-size:.95rem}}.hero .hero-blue h1 span{color:var(--color-secondary)}@media (max-width:1024px){.hero .hero-blue h1{font-size:1.5rem}}.hero .hero-blue .call-to-action{flex-wrap:wrap;gap:10px;margin-top:20px;margin-bottom:10px;display:flex}.hero .hero-blue .call-to-action a{background:var(--color-secondary);color:var(--color-white);border-radius:999px;padding:12px 22px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}.hero .hero-blue .call-to-action a:hover{background-color:var(--color-white);color:var(--color-black)}.hero .hero-blue .social-links{align-items:center;gap:12px;margin-top:15px;display:flex}.hero .hero-blue .social-links a,.hero .hero-blue .social-links .theme-btn{background-color:var(--color-secondary);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hero .hero-blue .social-links img{width:30px;height:30px;display:block}.hero .hero-blue .theme-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:30px;line-height:1;display:inline-flex}.hero .hero-blue .theme-btn:hover{transform:scale(1.05)}@media (max-width:768px){.hero .hero-blue .hero-blue{padding-bottom:20px}.hero .hero-blue .hero-blue>div{justify-content:flex-start}.hero .hero-blue .call-to-action{overflow-x:auto}.hero .hero-blue .call-to-action a{white-space:nowrap;text-align:center;white-space:nowrap;flex:1 1 0;padding:10px 12px;font-size:.85rem}.hero .hero-blue .social-links{margin-top:8px}}.hero .hero-yellow{background-color:var(--color-primary);border-radius:30px;flex:1;justify-content:center;padding:0 10px;display:flex}.hero .hero-yellow img{border-radius:10px 0;max-width:520px;margin-top:-60px}.logos{background-color:var(--color-white);border-radius:30px;padding:30px 0}@media (max-width:1440px){.logos{border-radius:0}}.logos .marquee{width:100vw;max-width:100%;height:128px;position:relative;overflow:hidden}.logos .marquee .track{white-space:nowrap;will-change:transform;gap:10px;animation:40s linear infinite marquee;display:flex;position:absolute}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.read-more{position:relative}.read-more .read-more-text{display:none}.read-more .read-more-text span{color:var(--color-secondary);font-weight:600}@media (max-width:1024px){.read-more .read-more-text span{font-size:.95rem}}.read-more .read-more-button{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:.1rem;font-size:.95rem;font-weight:600}.read-more .read-more-text.show{display:inline}@media (max-width:767px){.read-more .read-more-text{display:none}.read-more .read-more-button{font-size:.95rem;display:inline-block}}@media (min-width:768px){.read-more .read-more-text{display:inline}.read-more .read-more-button{display:none}}.skills{scroll-margin-top:100px}@media (max-width:1024px){.skills h2{font-size:3rem}}.skills h2 span{color:var(--color-secondary)}.skills .holder-blue{background-color:var(--color-primary);color:var(--color-white);border-radius:30px;padding:20px;display:flex}@media (max-width:1024px){.skills .holder-blue{flex-direction:column}}.skills .holder-blue .right-column{background:var(--color-white);color:var(--color-black);border-radius:20px 200px;flex:1;padding:50px 50px 70px;font-size:.95rem}@media (max-width:1024px){.skills .holder-blue .right-column{font-size:.95rem}}.skills .holder-blue .right-column h3{margin-bottom:20px;padding-top:20px;font-size:.95rem}@media (max-width:1024px){.skills .holder-blue .right-column h3{font-size:.95rem}}.skills .holder-blue .right-column p{color:var(--color-black)}.skills .holder-blue .left-column{border-radius:6px;flex:1;justify-content:center;padding:3px;position:relative}@media (max-width:1024px){.skills .holder-blue .left-column{font-size:.95rem}}.skills .holder-blue .left-column h3 span{color:var(--color-secondary)}.skills .holder-blue .left-column .read-more{align-items:center;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.certifications{scroll-margin-top:100px}@media (max-width:1024px){.certifications h2{font-size:2.5rem}}.certifications h2 span{color:var(--color-secondary)}.certifications .certification-left{background-color:var(--color-primary);color:var(--color-white);border-radius:30px;padding:30px;display:flex}@media (max-width:1024px){.certifications .certification-left{flex-direction:column;padding-left:20px}}.certifications .certification-left .left-column{flex:1}@media (max-width:1024px){.certifications .certification-left .left-column h3{gap:5px;font-size:.95rem}}.certifications .certification-left .left-column h3 span{color:var(--color-secondary)}.certifications .certification-left .left-column ul{gap:5px;margin-top:10px;margin-bottom:20px;margin-right:10px;list-style-type:none}.certifications .certification-left .left-column ul li{background-color:var(--color-secondary);box-shadow:0 4px 10px var(--color-white);border-radius:999px;gap:5px;margin-bottom:10px;padding:10px 20px;font-size:.95rem;animation:.25s ease-in fadeIn;display:inline-block}@media (max-width:1024px){.certifications .certification-left .left-column ul li{font-size:.95rem}}.certifications .certification-left .certification-right{flex:2;justify-content:center;align-items:center;padding:0 10px;display:flex}.certifications .certification-left .certification-right img{object-fit:cover;border-radius:300px 10px;gap:10px;display:flex}@media (max-width:768px){.certifications .certification-left .certification-right img{border-radius:100px 10px}.certifications .certification-left .certification-right img .img{width:180px;height:180px}}@media (max-width:1024px){.certifications .certification-left .certification-right img .img{width:380px;height:380px}}.experience,.education{scroll-margin-top:100px}@media (max-width:1024px){:is(.experience,.education) h2{font-size:2rem}}:is(.experience,.education) h2 span{color:var(--color-secondary)}:is(.experience,.education) .jobs{gap:30px;display:flex}@media (max-width:1024px){:is(.experience,.education) .jobs{flex-direction:column}}:is(.experience,.education) .jobs article{background-color:var(--color-gray-6);color:var(--color-white);background-color:var(--color-primary);border-radius:30px;flex:1;padding:30px;font-size:.95rem}:is(.experience,.education) .jobs article h3{margin-top:20px;margin-bottom:10px;font-size:.95rem;line-height:1.5}@media (max-width:1024px){:is(.experience,.education) .jobs article h3{font-size:.95rem}}:is(.experience,.education) .jobs article div{color:var(--color-secondary);margin-top:5px;font-weight:600}@media (max-width:1024px){:is(.experience,.education) .jobs article div{font-size:.95rem}}:is(.experience,.education) .jobs article p{justify-content:center;margin-top:10px}@media (max-width:1024px){:is(.experience,.education) .jobs article p{font-size:.95rem}}:is(.experience,.education) .jobs article p picture{vertical-align:middle;background-color:var(--color-secondary);width:32px;height:32px;box-shadow:5 20px 40px var(--color-orange);border-radius:50%;margin-left:6px;padding:4px;display:inline-block}:is(.experience,.education) .jobs article figure{aspect-ratio:16/9;border-radius:15px;width:100%;position:relative;overflow:hidden}:is(.experience,.education) .jobs article figure img{object-fit:cover;object-fit:cover;object-position:50% 10%;width:100%;height:100%;transition:all 3s;display:block;position:absolute}:is(.experience,.education) .jobs article figure figcaption{color:#fff;text-align:center;opacity:0;visibility:hidden;background-color:#00000080;padding:10px;transition:all .3s;position:absolute;bottom:0;left:0;right:0}:is(.experience,.education) .jobs article figure:hover figcaption{opacity:1;visibility:visible}:is(.experience,.education) .jobs article figure:hover img{transform:scale(1.2)}.chatbot{scroll-margin-top:180px}@media (max-width:1024px){.chatbot h2{font-size:.95rem}}.chatbot h2 span{color:var(--color-secondary)}@media (max-width:1024px){.chatbot h2{font-size:2rem}}@media (max-width:1024px){.chatbot h3{font-size:1rem;line-height:20px}}.chatbot .chatbot-blue{background-color:var(--color-primary);color:var(--color-white);box-sizing:border-box;border-radius:30px;flex-wrap:wrap;align-items:stretch;gap:30px;width:100%;padding:30px;display:flex}.chatbot .chat-info{flex-direction:column;flex:0 0 35%;justify-content:space-between;display:flex}.chatbot .chat-info-content{flex-direction:column;gap:5px;display:flex}.chatbot .buttons{background:var(--color-secondary);color:var(--color-white);border-radius:990px;align-self:flex-start;margin-top:20px;padding:12px 22px;font-weight:600;text-decoration:none;transition:background .2s}.chatbot .buttons:hover{background:var(--color-white);color:var(--color-black)}.chatbot .chat-box{background:#bfe7d4;border-radius:20px;flex-direction:column;flex:50%;height:auto;display:flex;overflow:hidden}.chatbot .scroll-area{scroll-behavior:smooth;flex:1;max-height:100%;padding:20px;overflow-y:auto}.chatbot #chat-log{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.chatbot #chat-log li{align-items:flex-end;gap:12px;max-width:100%;display:flex}.chatbot #chat-log li.assistant{justify-content:flex-start}.chatbot #chat-log li.assistant .message{background:var(--color-white);color:var(--color-black);border-radius:16px 16px 16px 6px}.chatbot #chat-log li.user{flex-direction:row-reverse;justify-content:flex-end}.chatbot #chat-log li.user .message{background:var(--color-primary);color:var(--color-white);border-radius:16px 16px 6px}.chatbot .message{word-wrap:break-word;overflow-wrap:break-word;max-width:70%;box-shadow:0 4px 10px var(--color-secondary);padding:14px 18px;font-size:.95rem;line-height:1.5;animation:.25s ease-in fadeIn}.chatbot .avatar{background:var(--color-secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:.7rem;font-weight:600;display:flex}.chatbot .avatar span{background-color:var(--color-secondary)}.chatbot .chat-message{background:var(--color-white);border-top:1px solid #e5e7eb;gap:12px;padding:14px;display:flex}.chatbot .chat-message input{border:1px solid #d1d5db;border-radius:999px;outline:none;flex:1;padding:12px 16px;font-size:.95rem}.chatbot .chat-message input:focus{border-color:#22c55e}.chatbot .chat-message button{background:var(--color-secondary);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-weight:600}.chatbot .chat-message button:hover{background-color:var(--color-black)}@media (max-width:768px){.chatbot .message{max-width:85%;font-size:.9rem;display:inline-block}.chatbot .avatar{width:32px;height:32px;font-size:.65rem}.chatbot .chatbot-blue{flex-direction:column;gap:20px}.chatbot .chat-info{flex:none;width:100%}.chatbot .chat-box{width:100%;height:auto}.chatbot .chat-message input{font-size:.8rem}.chatbot .scroll-area{scroll-behavior:smooth;max-height:60vh;overflow-y:auto}.chatbot .chat-message button{flex-wrap:wrap;width:100px;height:40px;padding:10px 8px}.chatbot .buttons{white-space:nowrap;border-radius:999px;width:auto;padding:10px;display:inline-block}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.footer-card{background:var(--color-primary);color:var(--color-white);text-align:center;box-sizing:border-box;border-radius:20px;padding:30px;font-size:.95rem}@media (max-width:1024px){.footer-card{font-size:.95rem}}