.home-banner{color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:40px;display:flex;position:relative;overflow:hidden}.particles-container{z-index:0;pointer-events:none;background-color:color-mix(in srgb, var(--background) 20%, transparent);width:100%;height:100%;position:absolute;top:0;left:0}.home-banner-content{z-index:1;flex-direction:column;align-items:self-start;width:50%;padding:.5rem 2.5rem;display:flex;position:relative}.home-banner-image{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:40%;display:flex;position:relative}.home-banner h1{font-size:2.5rem;font-weight:700;line-height:1.2}.home-banner .highlight,.home-banner .highlight-axthtech{color:var(--primary)}.home-banner .highlight-axthtech.second{border-bottom:none;margin-left:.5rem}.home-banner p{color:var(--text-secondary);margin-top:20px;font-size:1.125rem}.contact-button{border:2px solid var(--primary);color:var(--text);cursor:pointer;background-color:#0000;margin-top:20px;padding:10px 20px;font-size:1rem;transition:background-color .3s,color .3s,border-color .3s,transform .3s,box-shadow .3s}.contact-button:hover{background-color:var(--primary);color:var(--button-text);box-shadow:0 4px 15px rgba(var(--primary-rgb), .3);transform:translateY(-2px)}.banner-image-div{justify-content:center;align-items:center;display:flex}.home-banner-image img{z-index:1;border-radius:8px;width:100%}.working-status{border:2px solid var(--border);color:var(--text-secondary);justify-content:center;align-items:center;padding:3px 5px;font-size:.875rem;display:flex}.status-indicator{background-color:var(--primary);width:12px;height:12px;margin-right:5px;display:inline-block}.banner-image-style-main{position:absolute;top:60px;left:100px}.banner-image-style-main img{padding:1rem}.banner-image-dots-main{z-index:99;position:absolute;bottom:20px;right:70px}.banner-image-dots-main img{z-index:4;width:140px;height:140px;padding:1rem}.banner-axthtech-a{text-decoration:none}.highlight-axthtech-first{transition:color .2s;color:var(--text-muted)!important;font-weight:600!important}.highlight-axthtech-first:hover{color:var(--primary)!important}.animate-home-banner-from-left,.animate-from-right,.animate-from-bottom{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(-30px)}.animate-home-banner-from-left{transform:translateY(-100px)}.animate-from-right{transform:translate(100px)}.animate-from-bottom{transform:translateY(30px)}.animate-visible{opacity:1;transform:translate(0)translateY(0)}@media (max-width:768px){.home-banner-content{align-items:center;width:100%;padding:0}.home-banner{text-align:center;flex-direction:column;padding:1rem .25rem}.home-banner-content,.home-banner-image{max-width:100%}.home-banner-image{width:100%;padding:0}.banner-image-style-main,.banner-image-dots-main{display:none}}
.quote-outer-container{justify-content:center;align-items:center;width:100%;padding:40px 7rem;display:flex}.quote-container{color:var(--text);opacity:0;background:0 0;flex-direction:column;align-items:flex-end;max-width:700px;margin:20px;padding:20px;transition:opacity .6s ease-out,transform .6s ease-out,color .3s;display:flex;position:relative;transform:translateY(20px)}.quote-content{border:2px solid var(--border);text-align:justify;align-items:center;padding:2rem;transition:border-color .3s;display:flex;position:relative}.quote-icon{color:var(--text-secondary);background-color:var(--background);padding:.5rem;font-size:2.5rem;transition:color .3s,background-color .3s}.quote-icon-left{position:absolute;top:-20px;left:10px}.quote-icon-right{position:absolute;bottom:-20px;right:10px}.quote-text{font-size:1.25rem}.quote-author{color:var(--text);border:2px solid var(--border);border-top:none;align-self:flex-end;padding:1rem;font-size:1rem;transition:color .3s,border-color .3s}.animate-fade-in{opacity:0;transform:translateY(30px)}.animate-visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.quote-container{max-width:100%;padding:1rem .5rem}.quote-outer-container{padding:1rem 0}}
.project-section{color:var(--text-secondary);padding:40px 7rem;transition:color .3s,background-color .3s}.section-header{opacity:0;justify-content:space-between;align-items:center;margin-bottom:20px;transition:opacity .6s,transform .6s;display:flex;transform:translateY(-20px)}.section-header.animate-slide-in{opacity:1;transform:translateY(0)}.section-header h2{color:var(--primary);font-size:2rem;font-weight:500;transition:color .3s}.section-header h2 span{color:var(--text);transition:color .3s}.section-header .view-all{color:var(--text);justify-content:center;align-items:center;font-size:1.25em;text-decoration:none;transition:color .3s,transform .3s;display:flex}.section-header .view-all:hover{color:var(--primary);transform:translate(5px)}.section-header .view-all span{color:var(--primary);margin-left:5px;transition:color .3s,transform .3s}.section-header .view-all:hover span{transform:translate(3px)}.project-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:1.5rem;display:grid}.project-card{background-color:var(--background-card);border:1px solid var(--border);cursor:pointer;flex-direction:column;width:100%;max-width:400px;transition:all .3s,background-color .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.project-card:hover .project-image img{transform:scale(1.05)}.project-card.animate-slide-in{opacity:1;transform:translate(0)}.project-card:hover .project-details h3{color:var(--primary)}.project-image{width:100%;height:200px;overflow:hidden}.project-image img{object-fit:cover;border-bottom:1px solid var(--border);width:100%;height:100%;transition:transform .3s,border-color .3s}.tech-stack{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:5px 10px;font-size:.9rem;transition:color .3s,border-color .3s}.project-details h3{color:var(--text);padding:5px 10px;font-size:1.2rem;transition:transform .3s,color .3s}.project-details p{color:var(--text-muted);padding:5px 10px;font-size:.9rem;transition:color .3s}.section-header-inner{justify-content:center;align-items:center;display:flex}.section-line{background-color:var(--primary);width:500px;height:1.5px;margin-left:10px;transition:background-color .3s}@media (max-width:968px){.section-line{width:200px}.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.project-grid{grid-template-columns:1fr}.project-section{padding:1rem}.section-header h2{color:var(--primary);font-size:1.75rem}.section-line{display:none}.project-card{max-width:100%;margin-bottom:.25rem}}.video-expand-button{border:2px solid var(--primary-hover);width:100%;color:var(--text);cursor:pointer;text-align:center;background:0 0;justify-content:center;align-items:center;margin-top:20px;padding:10px 20px;font-size:1rem;transition:background-color .3s,border-color .3s,color .3s,transform .3s,box-shadow .3s;display:flex}.video-expand-button:hover{background-color:var(--primary);border-color:var(--primary);color:var(--button-text);box-shadow:0 4px 15px rgba(var(--primary-rgb), .3);transform:translateY(-2px)}.video-expand-button svg{margin-right:8px}.project-modal-title{margin:.5rem 0}.modal-tech-stack{color:var(--text-secondary);border-bottom:1px solid var(--border);background-color:var(--primary-light);padding:8px 12px;font-size:.9rem;transition:color .3s,border-color .3s,background-color .3s}.project-modal-description{color:var(--text-muted);margin:10px 0;font-size:1rem;transition:color .3s}
.skill-section-outer{flex-direction:column;justify-content:center;padding:40px 7rem;display:flex;overflow:hidden}.skill-section{color:var(--text);justify-content:center;align-items:center;transition:color .3s;display:flex}.skill-header{opacity:0;justify-content:space-between;align-items:center;margin-bottom:20px;transition:opacity .6s,transform .6s;display:flex;transform:translateY(-20px)}.skill-header.animate-slide-in{opacity:1;transform:translateY(0)}.skill-header-inner{justify-content:center;align-items:center;display:flex}.skill-header h2{color:var(--primary);font-size:2rem;font-weight:500;transition:color .3s}.skill-header h2 span{color:var(--text);transition:color .3s}.skill-container{flex-direction:column;width:100%;display:flex}.skill-images{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:40%;padding:2rem;transition:opacity .6s,transform .6s;display:flex;transform:translate(-100px)}.skill-images.animate-slide-in{opacity:1;transform:translate(0)}.skill-images div{justify-content:space-between;align-items:center;width:100%;margin:5rem 0;display:flex}.skill-images div img{width:100px;height:100px}.skill-icon{color:var(--primary);font-size:50px;transition:color .3s}.skill-grid{grid-template-columns:repeat(3,1fr);align-items:flex-start;gap:20px;width:100%;display:grid}.skill-box{background-color:var(--background-card);border:1px solid var(--border);box-sizing:border-box;text-align:center;opacity:0;cursor:default;transition:opacity .6s,transform .6s,background-color .3s,border-color .3s,box-shadow .3s;transform:translate(100px)}.skill-box.animate-slide-in{opacity:1;transform:translate(0)}.skill-box h3{border-bottom:1px solid var(--border);padding:.25rem;transition:border-color .3s}.skill-box p{color:var(--text-muted);padding:.5rem 0;transition:color .3s}.skill-grid>.skill-box:nth-child(4){grid-column:span 1/3}.skill-grid>.skill-box:nth-child(6){grid-column:span 1/4}@media (max-width:768px){.skill-container{flex-direction:column;align-items:center}.skill-images{flex-direction:row;justify-content:space-around;margin-bottom:20px}.skill-grid{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-left:0;display:flex}.skill-grid>.skill-box:nth-child(4),.skill-grid>.skill-box:nth-child(5),.skill-grid>.skill-box:nth-child(6){grid-column:span 1}.skill-section-outer{padding:1rem}.skill-images div{flex-direction:column}.skill-images div img{padding:1rem}.skill-images{width:100%;padding:.25rem}.skill-box{width:100%}}
.experience-section-outer{flex-direction:column;justify-content:center;padding:40px 7rem;display:flex;overflow:hidden}.experience-header-container{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.experience-header-inner{justify-content:center;align-items:center;display:flex}.experience-header-inner h2{color:var(--primary);font-size:2rem;font-weight:500;transition:color .3s}.experience-header-inner h2 span{color:var(--text);transition:color .3s}.experience-timeline-container{padding:20px 0;position:relative}.timeline-center-line{background:var(--primary);opacity:.6;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.experience-timeline{flex-direction:column;gap:50px;display:flex}.experience-item{align-items:center;width:100%;display:flex;position:relative}.experience-item.left{justify-content:flex-start;padding-right:calc(50% + 40px)}.experience-item.right{justify-content:flex-end;padding-left:calc(50% + 40px)}.experience-connector{z-index:2;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.connector-dot{background:var(--background);border:3px solid var(--primary);z-index:3;border-radius:50%;width:18px;height:18px;transition:all .3s;position:relative}.experience-item:has(.experience-card:hover) .connector-dot{background:var(--primary);box-shadow:0 0 20px var(--primary);transform:scale(1.3)}.connector-line{background:var(--primary);z-index:1;width:355px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.experience-item.left .connector-line{left:calc(50% - 364px)}.experience-item.right .connector-line{left:calc(50% + 9px)}.experience-card{background-color:var(--background-card);border:1px solid var(--border);cursor:pointer;z-index:10;width:100%;max-width:480px;padding:24px;transition:all .3s;position:relative}.experience-card:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 8px 30px #0000004d}.experience-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.experience-icon{background:var(--primary-light);width:44px;height:44px;color:var(--primary);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.experience-type{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:1px;border:1px solid var(--primary);padding:6px 14px;font-size:.75rem;font-weight:600}.experience-role{color:var(--text);margin:0 0 6px;font-size:1.25rem;font-weight:600;transition:color .3s}.experience-card:hover .experience-role{color:var(--primary)}.experience-company{color:var(--text-secondary);margin:0 0 16px;font-size:1rem;font-weight:500}.experience-meta{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.experience-date,.experience-location{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.experience-date svg,.experience-location svg{color:var(--primary);font-size:.85rem}.experience-description{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.experience-skills{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-top:16px;display:flex}.experience-skill-tag{background:var(--primary-light);border:1px solid var(--border);color:var(--text-secondary);padding:6px 12px;font-size:.8rem;transition:all .3s}.experience-skill-tag:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}@media (max-width:900px){.experience-section-outer{padding:40px 2rem}.timeline-center-line{left:20px}.experience-item.left,.experience-item.right{justify-content:flex-start;padding-left:70px;padding-right:0}.experience-connector{left:20px}.experience-item.left .connector-line,.experience-item.right .connector-line{width:40px!important;left:29px!important;right:auto!important}.experience-card{max-width:100%}}@media (max-width:768px){.experience-section-outer{padding:1rem}.experience-header-inner h2{font-size:1.5rem}.experience-card{padding:16px}.experience-role{font-size:1.1rem}.experience-company{font-size:.95rem}.experience-timeline{gap:30px}.experience-item.left .connector-line,.experience-item.right .connector-line{width:25px!important}.experience-item.left,.experience-item.right{padding-left:55px}.experience-icon{width:36px;height:36px;font-size:1rem}.experience-type{padding:4px 10px;font-size:.7rem}}