.content-wrapper{display:flex;align-items:center;justify-content:center}.homepage-content{display:flex;flex-direction:column;max-width:1200px}.homepage-header{display:flex;justify-content:space-between;align-items:center;gap:30px}.homepage-firstSection-left-side{flex:1;max-width:100%!important;min-width:0}.homepage-title{font-size:2rem!important;width:100%!important;line-height:1.2;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.typewriter{overflow:hidden;border-right:3px solid var(--primary-color);white-space:nowrap;margin:0 auto;letter-spacing:.1em;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary-color)}}.animated-emoji{display:inline-block;font-size:1.2em;margin-left:8px;animation:wave 2s ease-in-out infinite;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}40%,60%{transform:rotate(9deg)}50%{transform:rotate(-9deg)}70%,90%{transform:rotate(0)}80%{transform:rotate(-4deg)}}.homepage-description{font-size:1rem!important;width:90%!important;text-align:justify;margin-top:20px}.homepage-firstSection-right-side{flex:0 0 auto;justify-content:center;display:flex;align-items:center}.home-page-image-wrapper{width:250px;height:250px;display:flex;justify-content:center;align-items:center;transform:rotate(15deg);overflow:hidden;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;animation:pulse 2s ease-in-out infinite alternate;border-radius:50%}.homepage-image{width:100%;height:100%;border-radius:25%;transform:none;transform:scale(1.2);border:solid transparent}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.homepage-socials{display:flex;justify-content:left;gap:20px}.homepage-social-icon{padding:20px;font-size:25px;transition:color .3s ease-in-out,transform .3s ease-in-out}.homepage-social-icon:hover{color:var(--link-color);transform:scale(1.1)}@media (max-width: 768px){.page-content .content-wrapper:has(.homepage-content):before,.homepage-content-wrapper:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(./homepage.jpg);background-size:cover;background-position:center;background-attachment:fixed;filter:blur(10px) brightness(.3);z-index:-1}.content-wrapper{position:relative}.homepage-header{flex-direction:column;text-align:center;gap:20px;position:relative;z-index:1}.homepage-firstSection-left-side{max-width:100%;padding:60px 20px 20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.homepage-title{font-size:1.8rem!important;color:var(--font-color)}.homepage-description{color:var(--font-color)}.homepage-firstSection-right-side{display:none}.homepage-socials{justify-content:center;padding:15px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.homepage-social-icon{padding:10px;font-size:20px;color:#333;background:#ffffffb3;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}}@media (max-width: 1024px){.homepage-firstSection-left-side{padding:60px 20px 20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.homepage-title{font-size:1.8rem!important;color:var(--font-color)}.homepage-description{color:var(--font-color)}}@media (max-width: 850px){.content-wrapper{padding:0 20px 50px}.homepage-content{width:100%;max-width:100%}.homepage-header{flex-direction:column;text-align:center;gap:25px;position:relative;z-index:1}.homepage-firstSection-left-side{max-width:100%;padding:80px 10px 50px;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 40px #0003;margin:0 auto}.homepage-title{font-size:1.7rem!important;color:var(--font-color);line-height:1.4;margin-bottom:20px;text-align:center}.homepage-description{color:var(--font-color);font-size:.7rem;line-height:1.7;text-align:justify;margin-top:20px;width:100%!important}.homepage-firstSection-right-side{display:none}.homepage-socials{justify-content:center;padding:20px 15px;border-radius:50px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);gap:15px;margin-top:25px}.homepage-social-icon{padding:12px;font-size:18px;color:#333;background:#fffc;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a}.homepage-social-icon:hover{background:#ffffffe6;transform:translateY(-2px)}.typewriter{display:none}}.nav-container{margin:0;display:flex;justify-content:center;align-items:center}.navbar{display:flex;justify-content:center;align-items:center;position:fixed;top:3vh;z-index:999}.nav-background{width:460px;height:40px;background:var(--background-color-card);box-shadow:0 2px 10px var(--shadow-color);border-radius:40px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border:1px solid var(--border-color);transition:var(--theme-transition);position:relative}.nav-hamburger{display:none;flex-direction:column;justify-content:space-around;width:24px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:2px;background-color:var(--text-color-primary);transition:all .3s ease;transform-origin:center}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-list{display:flex;justify-content:center;align-items:center;list-style:none;margin:0;padding:0;gap:30px}.nav-theme-toggle{display:flex;align-items:center;margin-left:auto}.nav-item{font-weight:700;font-size:80%}.nav-item a{color:var(--text-color-primary);text-decoration:none}.nav-item.activate a{color:var(--accent-color)!important}.nav-item:hover a{color:var(--accent-color);transition:color .3s ease-in-out}@media (max-width: 768px){.navbar{margin-left:5%;margin-right:5%;width:90%;font-size:80%}.nav-background{width:100%;height:50px;padding:0 20px;border-radius:25px}.nav-hamburger{display:flex}.nav-list{position:absolute;top:100%;left:0;right:0;background:var(--background-color-card);border:1px solid var(--border-color);border-radius:15px;margin-top:10px;padding:20px;flex-direction:column;gap:15px;box-shadow:0 4px 20px var(--shadow-color);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.nav-list.nav-list-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-item{font-weight:700;font-size:1rem;text-align:center;padding:10px 0;border-bottom:1px solid var(--border-color)}.nav-item:last-child{border-bottom:none}.nav-item a{display:block;padding:5px 0}.nav-theme-toggle{position:absolute;right:70px}.nav-theme-toggle .theme-toggle{padding:4px 6px;gap:4px}.nav-theme-toggle .toggle-track{width:28px;height:14px}.nav-theme-toggle .toggle-thumb{width:10px;height:10px}.nav-theme-toggle .toggle-label{font-size:.75rem;min-width:25px}}.theme-toggle{display:flex;align-items:center;gap:8px;background:var(--background-color-card);border:2px solid var(--border-color);border-radius:25px;padding:6px 12px;cursor:pointer;transition:all .3s ease;font-family:var(--font-family);color:var(--text-color-primary);font-size:.9rem;font-weight:500}.theme-toggle:hover{border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.theme-toggle:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--shadow-color)}.theme-toggle:active{transform:translateY(0);box-shadow:0 2px 4px var(--shadow-color)}.toggle-track{position:relative;width:40px;height:20px;background:var(--background-color-secondary);border-radius:10px;border:1px solid var(--border-color);overflow:hidden}.toggle-thumb{position:absolute;top:1px;left:1px;width:16px;height:16px;background:var(--text-color-primary);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px var(--shadow-color)}[data-theme=light] .toggle-thumb{transform:translate(18px)}.toggle-icon{font-size:10px;line-height:1;opacity:.8}.toggle-label{font-size:.85rem;font-weight:500;min-width:35px;text-align:left}.theme-toggle.compact{padding:4px 8px;gap:6px}.theme-toggle.compact .toggle-track{width:32px;height:16px}.theme-toggle.compact .toggle-thumb{width:12px;height:12px;top:1px;left:1px}.theme-toggle.compact[data-theme=light] .toggle-thumb{transform:translate(14px)}.theme-toggle.compact .toggle-icon{font-size:8px}.theme-toggle.compact .toggle-label{font-size:.8rem;min-width:30px}.theme-toggle.icon-only{padding:8px;gap:0;width:44px;height:44px;border-radius:50%;justify-content:center}.theme-toggle.icon-only .toggle-label,.theme-toggle.icon-only .toggle-track{display:none}.theme-toggle.icon-only:after{content:attr(data-icon);font-size:20px;line-height:1}.theme-toggle.icon-only[data-theme=dark]:after{content:"🌙"}.theme-toggle.icon-only[data-theme=light]:after{content:"☀️"}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-reduced-motion: reduce){.theme-toggle,.toggle-thumb,*{transition:none}}.footer{padding:20px;align-items:center;margin:0 auto;max-width:1000px}.footer-credit{font-size:14px;color:var(--text-color-secondary);text-align:center;opacity:.8}.project{mix-blend-mode:normal;border-radius:10px;opacity:.9;height:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease-in-out;min-height:280px}.project a{text-decoration:none;display:block;height:100%}.project:hover{background:#ffffff1a;opacity:1;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.project:hover .link{color:var(--link-color);transition:color .3s ease-in-out}.container{padding:25px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.logo{width:35px;height:35px;margin-bottom:15px}.logo img{width:100%;height:100%;object-fit:contain}.title{font-family:Courier New,Courier,monospace;font-size:18px;padding-top:10px;margin-bottom:15px;font-weight:700;color:var(--font-color)}.description{color:var(--tertiary-color);font-size:14px;line-height:1.5;flex-grow:1;margin-bottom:15px}.link{display:flex;align-items:center;color:var(--link-color);font-size:14px;margin-top:auto}.link-icon{margin-right:8px;font-size:13px}.link-text{font-weight:700}@media (max-width: 1024px){.project{min-height:260px}.container{padding:20px}.title{font-size:16px}.description{font-size:13px}}@media (max-width: 768px){.project{min-height:240px}.container{padding:20px}.title{font-size:16px}.description{font-size:13px}.logo{width:30px;height:30px}}.homepage-projects-container{padding:40px 20px 30px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.homepage-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.homepage-project-item{width:100%;min-height:280px}.homepage-projects-more{display:flex;justify-content:center;margin-top:40px}.more-projects-btn{display:flex;align-items:center;gap:10px;padding:15px 30px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--font-color);text-decoration:none;font-weight:600;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.more-projects-btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.more-arrow{font-size:1.2em;transition:transform .3s ease}.more-projects-btn:hover .more-arrow{transform:translate(5px)}@media (max-width: 1200px){.homepage-projects-container{padding:30px}.homepage-projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}}@media (max-width: 900px){.homepage-projects-container{padding:25px}.homepage-projects-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.homepage-projects-container{padding:20px}.homepage-projects-grid{grid-template-columns:1fr;gap:20px}.homepage-project-item{min-height:250px;max-width:400px;margin:0 auto}.more-projects-btn{padding:12px 25px;font-size:.9rem}}@media (max-width: 480px){.homepage-projects-container{padding:15px}.homepage-project-item{max-width:100%}}.all-project-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:20px;max-width:1200px;margin:0 auto}.all-project-project{width:100%;min-height:280px}.no-projects{text-align:center;color:var(--tertiary-color);font-size:1.1rem;margin-top:50px;grid-column:1 / -1}@media (max-width: 1024px){.all-project-container{grid-template-columns:repeat(2,1fr);gap:25px;padding:15px}}@media (max-width: 768px){.all-project-container{grid-template-columns:1fr;gap:20px;padding:15px}.all-project-project{min-height:250px;max-width:400px;margin:0 auto}}@media (max-width: 480px){.all-project-container{padding:10px}.all-project-project{max-width:100%}}.page-content{padding-bottom:3px}.project-header{text-align:justify;margin-bottom:50px;padding-top:20px}.project-title{font-size:2rem;margin-bottom:10px;color:var(--font-color)}.project-description{font-size:.9rem;color:var(--font-color);max-width:600px;line-height:1.25}.projects-container{display:flex;flex-direction:column;padding-bottom:50px}.projects-divider{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:30px;margin-bottom:40px}.full-width-hr{border:none;height:1px;background-color:var(--tertiary-color);margin:0;width:100%}.page-footer{padding-right:10%}@media (max-width: 768px){.projects-container{padding:70px 25px 40px}.project-header{text-align:left;margin-bottom:30px}.project-title{font-size:1.5rem}.project-description{font-size:.8rem;padding:0 10px}}[data-theme=light] .image-modal{background-color:#0009}.image-modal.active{display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-in-out}.image-modal img{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px var(--shadow-color);animation:zoomIn .3s ease-in-out}.image-modal-close{position:absolute;top:20px;right:20px;color:var(--text-color-primary);font-size:2rem;font-weight:700;cursor:pointer;z-index:1001;background:var(--background-color-card);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.image-modal-close:hover{background:var(--background-color-secondary);transform:scale(1.1)}.clickable-image{cursor:pointer;transition:all .3s ease;border-radius:4px}.clickable-image:hover{opacity:.8;transform:scale(1.02);box-shadow:0 4px 15px var(--shadow-color)}.image-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-color-error);font-size:.8rem;text-align:center;padding:10px;background:var(--background-color-card);border:1px solid var(--border-color);border-radius:4px}.modal-loading{color:var(--text-color-primary);font-size:1.2rem;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.image-modal img{max-width:95%;max-height:95%}.image-modal-close{top:10px;right:15px;font-size:1.5rem;width:35px;height:35px}}.tabbed-code-block{margin-bottom:1.5rem;border:1px solid var(--border-color, #ccc);background-color:var(--border-color, #ccc)}.tabbed-code-tabs{margin-left:20px;display:flex;gap:8px}.tabbed-code-tabs button{background:var(--secondary-color, #222);color:var(--font-color, #fff);border:none;padding:6px 16px;border-radius:6px 6px 0 0;cursor:pointer;font-weight:600;transition:background .2s}.tabbed-code-tabs button.active,.tabbed-code-tabs button:hover{background:var(--link-color, #1e40af);color:#fff}.platform-code-selector{display:flex;gap:24px;margin-bottom:.5rem;margin-left:10px}.platform-code-selector button{background:none;border:none;color:var(--font-color, #fff);font-size:1rem;padding:4px 0;cursor:pointer;border-bottom:2px solid transparent;transition:border-color .2s}.platform-code-selector button.active{border-bottom:2.5px solid var(--link-color, #1e40af);color:var(--link-color, #1e40af);font-weight:700}.article-container{max-width:800px;margin:0 auto;padding:1.5rem;color:var(--font-color);font-family:system-ui,-apple-system,sans-serif;line-height:1.6}.flowchart-image{background:#fff!important;padding:20px;border-radius:8px;border:1px solid #ddd;box-shadow:0 2px 8px #0000001a;display:block;margin:20px auto;max-width:100%;height:auto;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.flowchart-image:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.article-main-title{font-size:2.5rem;font-weight:700;color:var(--link-color, #1e40af);margin-bottom:2rem;text-align:center;border-bottom:3px solid var(--link-color, #1e40af);padding-bottom:1rem}.article-section-sub-header{padding-left:1rem;border-left:3px solid var(--link-color, #1e40af)}.article-section{margin-bottom:2.5rem}.article-section-title{font-size:1.2rem;font-weight:600;color:var(--font-color);margin-top:2rem;margin-bottom:1rem;border-left:4px solid var(--link-color, #1e40af);padding-left:1rem}.article-paragraph{font-size:1rem;line-height:1.7;margin-bottom:1rem;color:var(--font-color);text-align:justify}.article-list{list-style-type:disc;padding-left:1.5rem;margin:1rem 0;color:var(--font-color)}.article-list li{margin-bottom:.5rem;line-height:1.6}.article-nested-list{list-style-type:circle;padding-left:1.5rem;margin:.5rem 0;color:var(--font-color)}.article-nested-list li{margin-bottom:.25rem;font-size:.95rem}.article-bold{font-weight:700;color:var(--link-color, #1e40af)}.article-code-block{background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap;margin:1rem 0;border:1px solid #374151;box-shadow:0 4px 6px #0000001a}.article-table{width:100%;border-collapse:collapse;border:1px solid #242424;table-layout:fixed;margin:1rem 0}.article-table-header{border:1px solid #ccc;padding:10px;background-color:#242424;width:50%;text-align:center;color:#f9fafb;font-weight:600}.article-table-cell{border:1px solid #ccc;background-color:#1f2937;padding:10px;vertical-align:top;overflow:hidden}.article-table-cell-center{text-align:center}.article-table-code{background-color:#1f2937;color:#f9fafb;padding:.5rem;border-radius:.25rem;font-size:.75rem;line-height:1.4;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0;font-family:Courier New,monospace}.article-table-image{max-width:100%;height:auto;border-radius:4px}.image-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;cursor:pointer}.image-modal.active{display:flex;justify-content:center;align-items:center}.image-modal img{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #ffffff1a}.image-modal-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;z-index:1001}.image-modal-close:hover{color:#ccc}.article-table-image{cursor:pointer;transition:opacity .3s ease}.article-table-image:hover{opacity:.8}.references-container{background:#ffffff05;border-radius:8px;padding:20px;border:1px solid rgba(255,255,255,.1)}.references-list{margin-bottom:20px}.references-list li{margin-bottom:8px;padding-left:10px}.references-container .article-link{color:var(--link-color);text-decoration:none;border-bottom:1px dotted var(--link-color);transition:all .3s ease}.references-container .article-link:hover{color:var(--font-color);border-bottom-style:solid}.image-credit{margin-top:8px;color:var(--tertiary-color);font-size:.8rem}.article-credits{margin-top:40px;padding-top:30px}.credits-divider{height:1px;background:linear-gradient(to right,transparent,var(--quaternary-color),transparent);margin-bottom:20px}.credits-content{text-align:center;color:var(--tertiary-color);font-size:.9rem;line-height:1.6}.credits-content strong{color:var(--font-color);font-size:1.1rem}.credits-footer{margin-top:15px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.credits-footer small{font-size:.75rem;color:var(--tertiary-color)}.code-comparison-section{margin:20px 0}.article-quote{background:#ffffff0d;border-left:4px solid var(--link-color);padding:15px 20px;margin:20px 0;border-radius:0 8px 8px 0;font-style:italic}.article-quote p{margin:0;color:var(--tertiary-color)}.article-quote strong{color:var(--font-color);font-weight:600}.article-details{margin-top:1rem;border:1px solid #ccc;border-radius:8px;padding:1rem}.article-summary{cursor:pointer;font-weight:700;font-size:1.1rem;padding:.5rem;background-color:#1f2937;border-radius:4px;margin-bottom:1rem;color:#f9fafb}.article-summary:hover{background-color:#374151;transition:background-color .3s ease}.article-details-content{margin-top:1rem}.article-section:hover .article-section-title{color:var(--link-color, #1e40af);transition:color .3s ease}@media (max-width: 768px){.article-container{padding:1rem;max-width:95%}.article-main-title{font-size:2rem;margin-bottom:1.5rem}.article-section-title{font-size:1.3rem;margin-top:1.5rem}.article-code-block,.article-table-code{font-size:.7rem;padding:.5rem}.article-table-header{padding:8px;font-size:.9rem}.article-table-cell{padding:8px}.article-summary{font-size:1rem;padding:.4rem}.article-list,.article-nested-list{padding-left:1rem}}@media (max-width: 480px){.article-container{padding:.75rem}.article-main-title{font-size:1.8rem}.article-section-title{font-size:1.2rem}.article-paragraph{font-size:.95rem}.article-code-block,.article-table-code{font-size:.65rem;padding:.4rem}.article-table-header{padding:6px;font-size:.8rem}.article-table-cell{padding:6px}}@media print{.article-container{max-width:100%;margin:0;padding:1rem;color:#000}.article-main-title,.article-section-title{color:#000}.article-code-block,.article-table-code{background-color:#f5f5f5;color:#000;border:1px solid #ccc}.article-table-header{background-color:#f0f0f0;color:#000}.article-table-cell{background-color:#f9f9f9}.article-summary{background-color:#f0f0f0;color:#000}}.article{display:flex;padding:25px;min-height:120px;align-items:flex-start}.article a{text-decoration:none}.article-left-side{min-width:150px;max-width:150px;margin-right:25px}.article-right-side{flex:1;display:flex;flex-direction:column}.article-date{font-size:.9rem;color:var(--tertiary-color);font-weight:500;padding:8px 15px;background:#ffffff1a;border-radius:20px;text-align:center}.article-title{color:var(--font-color);font-size:1.3rem;font-weight:700;margin-bottom:10px;line-height:1.4;transition:color .3s ease}.article:hover .article-title{color:var(--link-color)}.article-description{color:var(--tertiary-color);font-size:.95rem;line-height:1.6;margin-bottom:15px;flex-grow:1}.article-link{color:var(--link-color);font-size:.9rem;font-weight:600;transition:all .3s ease;align-self:flex-start}.article-link:hover{color:var(--font-color);transform:translate(5px)}@media (max-width: 768px){.article{flex-direction:column;padding:20px;text-align:center}.article-left-side{min-width:100%;max-width:100%;margin-right:0;margin-bottom:15px}.article-date{display:inline-block;margin:0 auto}.article-title{font-size:1.1rem}.article-description{font-size:.9rem}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#a6a6a9}::-webkit-scrollbar-thumb{background-color:#383636;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#000}.page-content{background-color:var(--background-color);position:relative;min-height:100vh;display:flex;flex-direction:column}.page-content:before,.page-content:after{content:"";position:fixed;top:0;bottom:0;width:calc((100% - 1200px)/2);background-color:var(--background-color);border:1px solid var(--background-color);z-index:-1}.page-content:before{left:0;z-index:1}.page-content:after{right:0;z-index:1}.content-wrapper{max-width:1000px;margin:0 auto;padding:80px 20px 40px;flex:1}.title{color:var(--text-color-primary);font-family:var(--secondary-font);font-size:20px;font-weight:700;width:70%}.description{padding-top:10px;color:var(--text-color-primary);font-size:20px;line-height:28px;width:70%}.page-footer,.homepage-footer,.blogs-footer{margin-top:auto;padding:20px 0;border-top:1px solid var(--border-color);background-color:var(--background-color)}@media (max-width: 1270px){.page-content:before,.page-content:after{width:5%}.content-wrapper{max-width:90%;padding:80px 30px 0}}@media (max-width: 1024px){.page-content:before,.page-content:after{width:calc((100% - 950px)/2)}.content-wrapper{max-width:980px;padding-top:30px}}@media (max-width: 800px){.content-wrapper{max-width:95%;margin:0 auto;padding:0 15px}.page-content:before,.page-content:after{display:none}}@media (max-width: 768px){.App{padding:0;margin:0}.navbar{padding:10px 20px}.content-wrapper{width:100%;max-width:100vw;padding:30px 20px 0;box-sizing:border-box}.title{font-size:1.8rem!important;line-height:1.4!important}p,.description{font-size:1rem;line-height:1.6;text-align:justify;margin-bottom:1rem}}@media (max-width: 480px){.content-wrapper{padding:0 15px}.title{font-size:1.5rem!important}p,.description{font-size:.95rem}}.article-main-container{padding:40px 20px 30px;max-width:1200px;margin:0 auto}.articles-title{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:var(--font-color);text-align:left}.articles-description{font-size:.9rem;margin-bottom:50px;color:var(--tertiary-color);text-align:left;line-height:1.6}.articles-container{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:50px}.articles-article{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;overflow:hidden;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.articles-article:hover{background:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.no-articles{text-align:center;color:var(--tertiary-color);font-size:1.1rem;margin-top:50px;padding:40px;background:#ffffff0d;border-radius:15px}@media (max-width: 768px){.article-main-container{padding:100px 15px 40px}.articles-title{font-size:2rem}.articles-description{font-size:1rem;margin-bottom:30px}.articles-container{gap:20px}}.not-found{overflow:hidden;height:100vh}.notfound-logo-container{display:flex;justify-content:left;padding-top:25px}.notfound-logo{display:flex;position:fixed;border:1px solid white;border-radius:50%;box-shadow:0 4px 10px #00000040;top:4vh;z-index:999}.notfound-container{display:flex;flex-direction:column;height:100%;margin:0;padding-top:120px}.notfound-message{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%)}.notfound-title{font-family:var(--secondary-font);color:var(--primary-color);font-size:80px;padding-top:15px;font-weight:700}.not-found-message{color:var(--secondary-color);font-size:2rem;margin:2rem 0;text-align:center}.not-found-link{font-size:1.5rem;text-decoration:none;color:#fff;background-color:var(--link-color);padding:1rem 2rem;border-radius:50px;transition:all .3s ease-in-out}.not-found-link:hover{background-color:#fff;color:var(--link-color);box-shadow:2px 2px 8px #0000004d}@media (max-width: 500px){.notfound-message{position:absolute;top:auto;left:auto;width:100%;transform:none}.notfound-title{font-size:50px}.not-found-message{width:100%;font-size:15px;margin-top:10px;margin-left:-5px;margin-right:32px}.not-found-link{font-size:15px;padding:15px}}.toc-mobile-container{display:none;margin:30px 0}.toc-details{background:var(--background-color-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px var(--shadow-color)}.toc-summary{padding:15px 20px;background:var(--background-color-card);cursor:pointer;font-weight:600;color:var(--text-color-primary);border:none;outline:none;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border-radius:12px 12px 0 0;box-shadow:0 2px 10px var(--shadow-color)}.toc-summary:hover{background:var(--background-color-secondary);transform:translateY(-1px)}.toc-summary:after{content:"▼";transition:transform .3s ease;font-size:.8em;color:var(--accent-color)}.toc-details[open] .toc-summary:after{transform:rotate(180deg)}.toc-summary::-webkit-details-marker{display:none}.toc-content{padding:20px;background:var(--background-color-card);border-radius:0 0 12px 12px}.toc-desktop{display:flex;width:280px;flex-shrink:0;align-items:flex-start;padding-top:23px}.toc-sidebar{position:sticky;top:100px;background:var(--background-color-card);border:1px solid var(--border-color);border-radius:12px;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:calc(100vh - 150px);overflow:hidden;box-shadow:0 2px 10px var(--shadow-color);transition:all .3s ease;z-index:10;width:100%}.toc-sidebar.scrolled{box-shadow:0 4px 20px var(--shadow-color);transform:translateY(-2px)}.toc-title{color:var(--text-color-primary);font-size:1.1rem;font-weight:600;margin:0;padding:20px 20px 15px;border-bottom:1px solid var(--border-color);background:var(--background-color-secondary);border-radius:12px 12px 0 0;display:none}.toc-nav{display:flex;flex-direction:column;gap:0;padding:10px;max-height:calc(100vh - 250px);overflow-y:auto;counter-reset:h3-counter}.toc-item{background:none;border:none;color:var(--text-color-primary);padding:12px 16px;text-align:left;cursor:pointer;border-radius:8px;font-size:.9rem;transition:all .3s ease;line-height:1.4;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:2px;font-weight:500;display:block;width:100%;box-sizing:border-box}.toc-item:hover{background:var(--background-color-secondary);color:var(--accent-color);transform:translate(3px)}.toc-active{background:var(--accent-color)!important;color:#fff!important;font-weight:600;box-shadow:0 2px 8px var(--shadow-color)}.toc-active:hover{background:var(--accent-color)!important;color:#fff!important;transform:translate(0)}.toc-level-1{padding-left:16px;font-weight:700;font-size:1rem}.toc-level-2{padding-left:24px;font-weight:600;font-size:.95rem}.toc-level-3{padding-left:32px;font-size:.9rem;position:relative;counter-increment:h3-counter}.toc-level-3:before{content:counter(h3-counter) ". ";color:var(--link-color);font-weight:700;position:absolute;left:16px;top:50%;transform:translateY(-50%)}.toc-level-4{padding-left:40px;font-size:.85rem;color:var(--tertiary-color);position:relative}.toc-level-4:before{content:"◦";color:var(--link-color);font-weight:400;position:absolute;left:24px;top:50%;transform:translateY(-50%)}.toc-level-5{padding-left:48px;font-size:.8rem;color:var(--tertiary-color);font-style:italic;position:relative}.toc-level-5:before{content:"▸";color:var(--link-color);font-weight:700;position:absolute;left:32px;top:50%;transform:translateY(-50%)}.toc-nav::-webkit-scrollbar{width:4px}.toc-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.toc-nav::-webkit-scrollbar-thumb{background:var(--link-color);border-radius:2px;opacity:.6}.toc-nav::-webkit-scrollbar-thumb:hover{background:var(--link-color);opacity:1}@media (min-width: 1025px){.toc-mobile-container{display:none}.toc-desktop{display:block}}@media (max-width: 1024px){.toc-desktop{display:none}.toc-mobile-container{display:block}}@media (max-width: 768px){.toc-summary{padding:12px 16px;font-size:.95rem}.toc-content{padding:15px}.toc-item{padding:10px 12px;font-size:.9rem}.toc-level-1{padding-left:12px}.toc-level-2{padding-left:18px}.toc-level-3{padding-left:24px}.toc-level-3:before{left:12px}.toc-level-4{padding-left:30px}.toc-level-4:before{left:18px}.toc-level-5{padding-left:36px}.toc-level-5:before{left:20px}.toc-sidebar{position:static;max-height:none}}@media (max-width: 480px){.toc-summary{padding:12px 15px;font-size:.9rem}.toc-content{padding:0 15px 15px}.toc-item{padding:6px 10px;font-size:.85rem}}pages/blogs/article/readArticle.css */ .read-article-logo-container{display:flex;justify-content:left;padding-top:25px}.read-article-logo{display:flex;position:fixed;border:1px solid white;border-radius:50%;box-shadow:0 4px 10px #00000040;top:4vh}.page-content.article-page .content-wrapper{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;position:relative!important}.page-content.article-page:before,.page-content.article-page:after{display:none!important}.read-article-container{display:flex;flex-direction:column;min-height:100vh;width:100%;margin:0;padding:120px 30px 0;box-sizing:border-box;position:relative;overflow:visible}.read-article-back{padding-top:20px;padding-right:30px;width:50px;flex-shrink:0;align-self:flex-start}.read-article-back-button{width:50px;height:50px;border-radius:50%;box-shadow:0 4px 10px #00000040;cursor:pointer}.read-article-main-content{display:flex;flex:1;gap:0;position:relative;overflow:visible;align-items:flex-start}.read-article-wrapper{flex:1;max-width:calc(100% - 320px);min-width:0;padding-top:20px;padding-right:0;padding-left:0;box-sizing:border-box}.read-article-date-container{border-left:2px solid var(--quaternary-color);color:var(--tertiary-color);font-size:16px;align-items:center;height:22px;margin-bottom:20px}.read-article-date{color:var(--tertiary-color);font-size:16px;font-family:var(--primary-font);padding-left:15px}.read-article-title{padding-top:30px;padding-bottom:30px;width:100%;margin:0}.read-article-body{padding-bottom:50px;font-size:16px;line-height:30px;font-family:system-ui;color:#52525b;width:100%;max-width:none}.article-mobile-toc-after-title{margin:30px 0;display:none}.article-mobile-toc-after-title .toc-level-1{padding-left:16px;font-weight:700;font-size:1rem}.article-mobile-toc-after-title .toc-level-2{padding-left:24px;font-weight:600;font-size:.95rem}.article-mobile-toc-after-title .toc-level-3{padding-left:32px;font-size:.9rem;position:relative;counter-increment:h3-counter}.article-mobile-toc-after-title .toc-level-3:before{content:counter(h3-counter) ". ";color:var(--link-color);font-weight:700;position:absolute;left:16px;top:50%;transform:translateY(-50%)}.article-mobile-toc-after-title .toc-level-4{padding-left:40px;font-size:.85rem;color:var(--tertiary-color);position:relative}.article-mobile-toc-after-title .toc-level-4:before{content:"◦";color:var(--link-color);font-weight:400;position:absolute;left:24px;top:50%;transform:translateY(-50%)}.article-mobile-toc-after-title .toc-level-5{padding-left:48px;font-size:.8rem;color:var(--tertiary-color);font-style:italic;position:relative}.article-mobile-toc-after-title .toc-level-5:before{content:"▸";color:var(--link-color);font-weight:700;position:absolute;left:32px;top:50%;transform:translateY(-50%)}.article-mobile-toc-after-title .toc-nav{counter-reset:h3-counter}.article-toc-wrapper{width:0;flex-shrink:0;height:0;position:relative}.article-toc-wrapper .toc-desktop{width:100%;display:block}.article-toc-wrapper .toc-sidebar{position:fixed!important;top:100px!important;right:30px!important;width:280px!important;background:var(--background-color-card);border:1px solid var(--border-color);border-radius:12px;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:calc(100vh - 150px);overflow-y:auto;box-shadow:0 2px 10px var(--shadow-color);transition:all .3s ease;z-index:100}@media (min-width: 1025px){.read-article-container{flex-direction:column}.read-article-main-content{flex-direction:row;align-items:flex-start}.article-mobile-toc-after-title{display:none!important}.article-toc-wrapper{display:block;position:relative}.article-toc-wrapper .toc-sidebar{display:block!important;position:fixed!important}}@media (max-width: 1024px){.read-article-container{flex-direction:column}.read-article-main-content{flex-direction:column;gap:20px}.read-article-wrapper{max-width:100%!important}.article-toc-wrapper,.article-toc-wrapper .toc-sidebar{display:none!important}.article-mobile-toc-after-title{display:block!important}.article-mobile-toc-after-title .toc-level-1{padding-left:12px}.article-mobile-toc-after-title .toc-level-2{padding-left:18px}.article-mobile-toc-after-title .toc-level-3{padding-left:24px}.article-mobile-toc-after-title .toc-level-3:before{left:12px}.article-mobile-toc-after-title .toc-level-4{padding-left:30px}.article-mobile-toc-after-title .toc-level-4:before{left:18px}.article-mobile-toc-after-title .toc-level-5{padding-left:36px}.article-mobile-toc-after-title .toc-level-5:before{left:20px}}@media (max-width: 768px){.read-article-container{padding:100px 20px 0;width:100%}.read-article-back{padding:10px 0;width:auto;align-self:flex-start}.read-article-wrapper{width:100%;padding:20px 0}}@media (max-width: 480px){.read-article-container{padding:80px 15px 0}.read-article-wrapper{padding:15px 0}}.read-article-container .article-content,.read-article-container .article-container{width:100%;max-width:none;margin:0;padding:0}.read-article-container .article-section{margin-bottom:2rem;width:100%}.read-article-container .article-section h2,.read-article-container .article-section-title{color:var(--font-color);font-size:1.8rem;margin-bottom:1rem;border-bottom:2px solid var(--quaternary-color);padding-bottom:.5rem}.read-article-container .article-section h3{color:var(--font-color);font-size:1.4rem;margin:1.5rem 0 1rem}.read-article-container .article-section h4{color:var(--font-color);font-size:1.2rem;margin:1rem 0 .5rem}.read-article-container .article-section ul,.read-article-container .article-section ol,.read-article-container .article-list{margin:1rem 0;padding-left:2rem;width:100%}.read-article-container .article-section li{margin-bottom:.5rem;line-height:1.6}.read-article-container .article-section p,.read-article-container .article-paragraph{width:100%;margin-bottom:1rem;line-height:1.7;text-align:justify}.read-article-container .article-link{color:var(--link-color);text-decoration:none;font-weight:600}.read-article-container .article-link:hover{text-decoration:underline}.read-article-container .info-box{background:#3b82f61a;border-left:4px solid #3b82f6;padding:1rem;margin:1.5rem 0;border-radius:0 4px 4px 0;width:100%;box-sizing:border-box}.read-article-container .article-quote{background:#6b72801a;border-left:4px solid var(--quaternary-color);padding:1rem;margin:1.5rem 0;font-style:italic;border-radius:0 4px 4px 0;width:100%;box-sizing:border-box}.read-article-container .code-example{background:#6b72800d;border-radius:8px;padding:1.5rem;margin:1.5rem 0;width:100%}.read-article-container .code-example pre,.read-article-container .article-code-block{background:#1f2937;color:#f9fafb;padding:1rem;border-radius:4px;overflow-x:auto;font-family:Courier New,monospace;width:100%;box-sizing:border-box;margin:1rem 0}.read-article-container .article-navigation{background:#6b72800d;padding:2rem;border-radius:8px;margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;box-sizing:border-box}.read-article-container .nav-section h4{color:var(--font-color);margin-bottom:.5rem;font-size:1.1rem}.read-article-container .nav-section ul{list-style:none;padding:0;margin:0}.read-article-container .nav-section li{margin-bottom:.25rem}.read-article-container .nav-section a{color:var(--link-color);text-decoration:none;font-size:.9rem}.read-article-container .nav-section a:hover{text-decoration:underline}.page-footer{margin-top:auto;width:100%}html{scroll-behavior:smooth}.resume-card{display:flex;gap:30px;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--border-color)}.resume-card:last-child{border-bottom:none}.resume-card-left{flex:0 0 140px;text-align:left}.resume-date{font-size:.9rem;font-weight:600;color:var(--text-color-primary);margin-bottom:5px}.resume-location{font-size:.85rem;color:var(--text-color-secondary);font-style:italic}.resume-card-right{flex:1}.resume-section .resume-card .resume-card-right .resume-title,.resume-card-right .resume-title{font-size:.9rem!important;font-weight:500!important;margin:0 0 5px!important;color:var(--text-color-primary)!important;line-height:1.4!important;display:block!important}.resume-card .resume-title a{color:var(--accent-color)!important;text-decoration:none;border-bottom:1px dotted var(--accent-color);transition:all .3s ease;font-weight:500!important;font-size:inherit!important}.resume-title a:hover{color:var(--accent-color);border-bottom:1px solid var(--accent-color)}.resume-organization{font-size:.8rem;font-weight:400;margin:0 0 15px;color:var(--text-color-secondary)}.resume-organization a{color:var(--text-color-secondary);text-decoration:none;transition:color .3s ease}.resume-organization a:hover{color:var(--accent-color)}.resume-description{font-size:.85rem;line-height:1.6;color:var(--text-color-primary);margin-bottom:15px}.resume-highlights{margin:0;padding-left:20px}.resume-highlights li{font-size:.8rem;line-height:1.5;color:var(--text-color-primary);margin-bottom:5px;position:relative}.resume-highlights li::marker{color:var(--accent-color)}@media (max-width: 768px){.resume-card{flex-direction:column;gap:15px}.resume-card-left{flex:none;margin-bottom:10px}.resume-date{font-size:.85rem}.resume-location{font-size:.8rem}.resume-title{font-size:.75rem;font-weight:400}.resume-organization{font-size:.75rem}.resume-description{font-size:.8rem}.resume-highlights li{font-size:.75rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-font: "Inter", sans-serif;--secondary-font: "Roboto", sans-serif;--theme-transition: background-color .3s ease, color .3s ease, border-color .3s ease}*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{color-scheme:dark;--primary-color: #27272A;--secondary-color: #3F3F46;--tertiary-color: #acacac;--quaternary-color: #52525b;--link-color: #637082;--font-color: #f3f4f6;--background-color: #27272A;--surface-color: #3F3F46;--border-color: #52525b;--shadow-color: rgba(0, 0, 0, .3);--accent-color: #6366f1;--text-color-primary: #f3f4f6;--text-color-secondary: #acacac;--text-color-error: #ef4444;--background-color-primary: #27272A;--background-color-secondary: #3F3F46;--background-color-card: #3F3F46;--font-family: "Inter", sans-serif;--code-bg: #1f2937;--code-color: #f9fafb;--table-header-bg: #242424;--table-cell-bg: #1f2937;--quote-bg: rgba(255, 255, 255, .05);--details-bg: rgba(255, 255, 255, .02)}[data-theme=light]{color-scheme:light;--primary-color: #ffffff;--secondary-color: #2B3440;--tertiary-color: #64748b;--quaternary-color: #cbd5e1;--link-color: #3b82f6;--font-color: #1e293b;--background-color: #ffffff;--surface-color: #f8fafc;--border-color: #e2e8f0;--shadow-color: rgba(0, 0, 0, .1);--accent-color: #6366f1;--text-color-primary: #1e293b;--text-color-secondary: #64748b;--text-color-error: #ef4444;--background-color-primary: #ffffff;--background-color-secondary: #2B3440;--background-color-card: #f8fafc;--font-family: "Inter", sans-serif;--code-bg: #f1f5f9;--code-color: #1e293b;--table-header-bg: #e2e8f0;--table-cell-bg: #f8fafc;--quote-bg: rgba(59, 130, 246, .05);--details-bg: rgba(59, 130, 246, .02)}html,body{background-color:var(--background-color);color:var(--font-color);transition:var(--theme-transition);margin:0;padding:0}*{transition:all .2s ease-in-out}*:focus{outline:2px solid var(--link-color);outline-offset:2px}button{cursor:pointer;border:none;background:none;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}.image-wrapper{position:relative;display:inline-block}.image-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--tertiary-color);font-size:.8rem;text-align:center;padding:10px;background:#ff00001a;border-radius:4px}.modal-loading{color:#fff;font-size:1.2rem;text-align:center}.resume-wrapper{max-width:1000px;margin:0 auto;flex:1}.resume-main-content{display:flex;flex:1;gap:10px;position:relative}.resume-content{flex:1;max-width:80%;min-width:0;padding-top:20px;padding-right:0;padding-left:0;box-sizing:border-box}.resume-container{max-width:800px;margin:0 auto;padding:0}.resume-toc .toc-desktop{width:280px}.resume-header{text-align:center;padding-top:100px}.resume-title{font-size:2.5rem!important;width:100%!important;margin-bottom:15px}.resume-subtitle{color:var(--text-color-secondary);font-size:1.1rem;font-style:italic;margin-bottom:0}.resume-section{margin-bottom:40px}.resume-section-card{background:var(--background-color-card);border:1px solid var(--border-color);border-radius:15px;padding:30px;box-shadow:0 4px 15px var(--shadow-color);transition:all .3s ease}.resume-section-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-color)}.resume-section-title{font-size:1.5rem;font-weight:600;color:var(--text-color-primary);margin:0 0 25px;padding-bottom:15px;border-bottom:2px solid var(--accent-color);position:relative}.resume-section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:50px;height:2px;background:var(--accent-color);border-radius:1px}.resume-section-content{margin-top:20px}.profile-info{display:flex;flex-direction:column;gap:15px}.profile-item{font-size:1rem;line-height:1.5;color:var(--text-color-primary)}.profile-item strong{color:var(--text-color-primary);font-weight:600;min-width:100px;display:inline-block}.profile-item a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}.profile-item a:hover{color:var(--accent-color);text-decoration:underline}.skills-category{margin-bottom:25px}.skills-category:last-child{margin-bottom:0}.skills-category-title{font-size:1rem;font-weight:600;color:var(--text-color-primary);margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.skills-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.skill-tag{background:var(--background-color-card);color:var(--text-color-primary);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid var(--border-color);transition:all .3s ease}.skill-tag:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.resume-download{text-align:center;margin-top:50px;padding-top:30px;border-top:2px solid var(--border-color)}.resume-download-btn{background:var(--accent-color);color:#fff;padding:12px 30px;border-radius:25px;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;display:inline-block;box-shadow:0 4px 15px #6366f14d}.resume-download-btn:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:0 6px 20px #6366f166;color:#fff}@media (max-width: 1024px){.resume-main-content{flex-direction:column;gap:20px}.resume-content{max-width:100%}}@media (max-width: 768px){.skill-tag{font-size:.85rem;padding:6px 12px}.resume-section-card{padding:20px;margin-bottom:30px}.resume-section-title{font-size:1.3rem}}@media (max-width: 480px){.resume-container{padding:0 10px}.resume-title{font-size:2rem!important}.resume-subtitle{font-size:1rem}.resume-section-title{font-size:1.3rem}.resume-card{margin-bottom:30px;padding-bottom:20px}}