@font-face{font-family:Myanmar Latyay;font-style:normal;font-weight:500;src:url(/static/media/Myanmar%20Lat%20Yay.7552a2a4e877729bd664.ttf)}@font-face{font-family:Myanmar Sagar;font-style:normal;font-weight:500;src:url(/static/media/Myanmar%20Waso%20Regular.410ec220033b8f7c0204.ttf)}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;src:url(/static/media/Quicksand-Regular.67e7ce07307c681fb49d.ttf) format("truetype")}:root{--primary-color:#1a1a1a;--secondary-color:#2d3748;--tertiary-color:#4a5568;--quaternary-color:#718096;--link-color:#3182ce;--accent-color:#2563eb;--accent-hover:#1d4ed8;--success-color:#059669;--warning-color:#d97706;--error-color:#dc2626;--background-color:#fff;--surface-color:#f8fafc;--surface-hover:#f1f5f9;--border-color:#e2e8f0;--border-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#fff;--shadow-subtle:rgba(0,0,0,.04);--shadow-soft:rgba(0,0,0,.08);--shadow-medium:rgba(0,0,0,.12);--primary-font:"Quicksand",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--secondary-font:"Myanmar Yinmar",Georgia,serif;--mono-font:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--spacing-2xs:0.125rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-base:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--shadow-xs:0 1px 2px 0 var(--shadow-subtle);--shadow-sm:0 1px 3px 0 var(--shadow-subtle),0 1px 2px 0 var(--shadow-soft);--shadow-md:0 4px 6px -1px var(--shadow-subtle),0 2px 4px -1px var(--shadow-soft);--shadow-lg:0 10px 15px -3px var(--shadow-subtle),0 4px 6px -2px var(--shadow-soft);--shadow-xl:0 20px 25px -5px var(--shadow-subtle),0 10px 10px -5px var(--shadow-soft);--shadow-2xl:0 25px 50px -12px var(--shadow-medium);--transition-fast:120ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:200ms cubic-bezier(0.68,-0.55,0.265,1.55);--transition-smooth:400ms cubic-bezier(0.25,0.46,0.45,0.94);--radius-none:0;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--container-max-width:1200px;--container-padding:1.5rem;--header-height:4rem;--border-width:1px;--border-width-thick:2px}[data-theme=dark]{--primary-color:#fff;--secondary-color:#e2e8f0;--tertiary-color:#94a3b8;--quaternary-color:#64748b;--link-color:#60a5fa;--accent-color:#60a5fa;--accent-hover:#3b82f6;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--background-color:#0f172a;--surface-color:#1e293b;--surface-hover:#334155;--border-color:#334155;--border-hover:#475569;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#0f172a;--shadow-subtle:rgba(0,0,0,.2);--shadow-soft:rgba(0,0,0,.3);--shadow-medium:rgba(0,0,0,.4)}body{line-height:1.6;margin:0}code{font-family:var(--mono-font)}*{box-sizing:border-box}:focus{outline:var(--border-width-thick) solid var(--accent-color);outline-offset:2px}::selection{background-color:rgba(37,99,235,.15);color:var(--text-primary)}img{transition:opacity var(--transition-normal)}img[loading]{opacity:0}img.loaded{opacity:1}a{color:var(--accent-color);text-decoration:none;transition:all var(--transition-normal)}a:hover{color:var(--accent-hover)}button,input,select,textarea{font-family:var(--primary-font);transition:all var(--transition-normal)}@-webkit-keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading{-webkit-animation:shimmer 1.5s infinite;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--surface-color) 25%,var(--border-color) 50%,var(--surface-color) 75%);background-size:200px 100%}.page-enter{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.page-enter-active{transition:opacity var(--transition-smooth),-webkit-transform var(--transition-smooth);transition:opacity var(--transition-smooth),transform var(--transition-smooth);transition:opacity var(--transition-smooth),transform var(--transition-smooth),-webkit-transform var(--transition-smooth)}.page-enter-active,.page-exit{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.page-exit-active{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:opacity var(--transition-smooth),-webkit-transform var(--transition-smooth);transition:opacity var(--transition-smooth),transform var(--transition-smooth);transition:opacity var(--transition-smooth),transform var(--transition-smooth),-webkit-transform var(--transition-smooth)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-color)}.bg-surface{background-color:var(--surface-color)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.footer{align-items:center;display:flex;margin-top:50px;padding-bottom:25px;padding-top:25px}.footer-credits,.footer-links{flex-basis:50%}.footer-links{margin-left:-40px}.footer-nav-link-list{align-items:center;display:flex;justify-content:space-between;list-style:none}.footer-nav-link-item{font-size:80%;font-weight:700}.footer-nav-link-list a{color:var(--secondary-color);text-decoration:none}.footer-nav-link-list a:hover{color:var(--link-color)}.footer-credits-text{color:var(--tertiary-color);font-size:14px;justify-content:flex-end;text-align:right}@media (max-width:600px){.footer{flex-direction:column;height:85px}.footer-links{display:flex;justify-content:center;width:100%}.footer-nav-link-list{width:100%}}.nav-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.7);display:flex;height:var(--header-height);justify-content:center;left:0;position:fixed;right:0;top:0;transition:background-color .3s ease;z-index:100}[data-theme=dark] .nav-container{background-color:rgba(15,23,42,.7)}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);justify-content:center;position:relative;width:100%;z-index:999}.nav-controls,.navbar{align-items:center;display:flex}.nav-controls{gap:var(--spacing-md);position:fixed;right:var(--spacing-lg);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:101}.nav-background{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:hsla(0,0%,100%,.85);border:var(--border-width) solid hsla(0,0%,100%,.15);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);height:50px;padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-smooth);width:400px}.nav-background:hover{background:hsla(0,0%,100%,.95);border-color:hsla(0,0%,100%,.25);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-1px);transform:translateY(-1px)}[data-theme=dark] .nav-background{background:rgba(15,23,42,.85);border:var(--border-width) solid rgba(30,41,59,.5)}[data-theme=dark] .nav-background:hover{background:rgba(15,23,42,.95);border-color:rgba(30,41,59,.7)}.nav-list{align-items:center;display:flex;height:100%;justify-content:space-between;list-style:none;margin:0;padding:0}.nav-item{font-size:.875rem;font-weight:600;position:relative;transition:all var(--transition-normal)}.nav-item.active a{color:var(--accent-color)!important;font-weight:700}.nav-item.active:after{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background-color:var(--accent-color);border-radius:var(--radius-full);bottom:-8px;content:"";height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:6px}.nav-item a{border-radius:var(--radius-lg);color:var(--text-primary);display:block;font-weight:500;letter-spacing:.025em;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-normal)}.nav-item a:hover{background-color:rgba(37,99,235,.08);color:var(--accent-color);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:600px){.navbar{margin-left:20%;margin-right:20%;width:60%}.nav-background{height:46px;padding:var(--spacing-sm) var(--spacing-md);width:100%}.nav-item{font-size:.8125rem}.nav-item a{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.navbar{margin-left:15%;margin-right:15%;width:70%}.nav-background{height:44px}.nav-item{font-size:.75rem}}.dark-mode-switch{align-items:center;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;height:44px;justify-content:center;margin:0;outline:none;padding:0;position:relative;transition:all var(--transition-normal);width:44px}.dark-mode-switch:hover{background-color:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.dark-mode-switch:active{-webkit-transform:translateY(0);transform:translateY(0)}.dark-mode-switch.animating{box-shadow:var(--shadow-md);-webkit-transform:scale(.95);transform:scale(.95)}.dark-mode-icon{font-size:1.2rem;transition:-webkit-transform var(--transition-normal);transition:transform var(--transition-normal);transition:transform var(--transition-normal),-webkit-transform var(--transition-normal)}.dark-mode-icon.rotate{-webkit-animation:rotate .3s cubic-bezier(.4,0,.2,1) forwards;animation:rotate .3s cubic-bezier(.4,0,.2,1) forwards}.dark-mode-icon.sun{-webkit-filter:drop-shadow(0 0 4px rgba(255,204,0,.6));filter:drop-shadow(0 0 4px rgba(255,204,0,.6))}.dark-mode-icon.moon{-webkit-filter:drop-shadow(0 0 4px rgba(148,163,184,.6));filter:drop-shadow(0 0 4px rgba(148,163,184,.6))}.dark-mode-switch:hover .dark-mode-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(1.2);transform:rotate(180deg) scale(1.2)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(1.2);transform:rotate(180deg) scale(1.2)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}@media (max-width:768px){.dark-mode-switch{height:40px;width:40px}.dark-mode-icon{font-size:1.1rem}}.card{background:var(--background-color);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);mix-blend-mode:normal;overflow:hidden;position:relative;transition:all var(--transition-smooth)}.card:hover{background:var(--surface-hover);border-color:var(--accent-color);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.card:before{background:linear-gradient(90deg,var(--accent-color),var(--success-color));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.card:hover:before{opacity:1}.card-container{padding:var(--spacing-2xl);padding-bottom:var(--spacing-lg)}.card-header{align-items:center;display:flex;margin-bottom:var(--spacing-lg)}.card-icon{background:rgba(37,99,235,.1);border:var(--border-width) solid rgba(37,99,235,.2);border-radius:var(--radius-lg);color:var(--accent-color);font-size:1.25rem;padding:var(--spacing-sm);transition:all var(--transition-normal)}.card:hover .card-icon{background:rgba(37,99,235,.15);border-color:var(--accent-color);-webkit-transform:scale(1.1);transform:scale(1.1)}.card-title{color:var(--text-primary);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;padding-left:var(--spacing-lg);transition:color var(--transition-normal)}.card:hover .card-title{color:var(--accent-color)}.card-body{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}@media (max-width:768px){.card-container{padding:var(--spacing-xl);padding-bottom:var(--spacing-md)}.card-header{margin-bottom:var(--spacing-md)}.card-icon{font-size:1.125rem;padding:var(--spacing-xs)}.card-title{font-size:1rem;padding-left:var(--spacing-md)}}@media (max-width:480px){.card-container{padding:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.card-icon{font-size:1rem}.card-title{font-size:.9375rem;padding-left:var(--spacing-sm)}}.works-body{margin-bottom:var(--spacing-md)}.work{align-items:center;border-radius:var(--radius-lg);display:flex;padding:var(--spacing-lg) 0;padding-left:var(--spacing-md);padding-right:var(--spacing-md);position:relative;transition:all var(--transition-smooth);width:100%}.work:hover{background:rgba(37,99,235,.04);-webkit-transform:translateX(6px);transform:translateX(6px)}.work:not(:last-child){border-bottom:var(--border-width) solid var(--border-color)}.work-image{border-radius:var(--radius-full);box-shadow:var(--shadow-md);flex-shrink:0;height:40px;object-fit:cover;outline:var(--border-width-thick) solid var(--background-color);transition:all var(--transition-normal);width:40px}.work:hover .work-image{box-shadow:var(--shadow-lg);-webkit-transform:scale(1.1);transform:scale(1.1)}.work-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);margin-left:var(--spacing-lg)}.work-title{color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:-.01em;transition:color var(--transition-normal)}.work:hover .work-title{color:var(--accent-color)}.work-subtitle{color:var(--text-secondary);font-size:.875rem;font-weight:500;line-height:1.4}.work-duration{background:var(--surface-color);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);flex-shrink:0;font-size:.8125rem;font-weight:400;letter-spacing:.025em;padding:var(--spacing-xs) var(--spacing-sm);text-align:right;transition:all var(--transition-normal)}.work:hover .work-duration{background:var(--accent-color);border-color:var(--accent-color);box-shadow:var(--shadow-sm);color:var(--text-inverse)}@media (max-width:768px){.work{padding:var(--spacing-md) 0;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.work-image{height:36px;width:36px}.work-content{margin-left:var(--spacing-md)}.work-title{font-size:.9375rem}.work-subtitle{font-size:.8125rem}.work-duration{font-size:.75rem;padding:var(--spacing-xs)}}@media (max-width:480px){.work{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.work-image{height:32px;width:32px}.work-content{margin-left:0;width:100%}.work-duration{align-self:flex-end;font-size:.75rem}}.project{background:var(--background-color);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xl);height:100%;mix-blend-mode:normal;opacity:.95;overflow:hidden;position:relative;transition:all var(--transition-smooth)}.project:before{background:linear-gradient(135deg,rgba(37,99,235,.03),rgba(5,150,105,.03));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal);z-index:0}.project:hover{background:var(--surface-hover);border-color:var(--accent-color);box-shadow:var(--shadow-lg);opacity:1;-webkit-transform:translateY(-6px);transform:translateY(-6px)}.project:hover:before{opacity:1}.project a{display:block;height:100%;position:relative;text-decoration:none;z-index:1}.project-container{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:var(--spacing-2xl);width:100%}.project-logo{height:40px;margin-bottom:var(--spacing-lg);transition:-webkit-transform var(--transition-bounce);transition:transform var(--transition-bounce);transition:transform var(--transition-bounce),-webkit-transform var(--transition-bounce);width:40px}.project:hover .project-logo{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}.project-logo img{border-radius:var(--radius-lg);height:100%;object-fit:contain;width:100%}.project-title{color:var(--text-primary);font-family:var(--secondary-font);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin-bottom:var(--spacing-md);padding-top:var(--spacing-sm);transition:color var(--transition-normal)}.project:hover .project-title{color:var(--accent-color)}.project-description{word-wrap:break-word;color:var(--text-secondary);flex-grow:1;font-size:.875rem;line-height:1.6;margin-bottom:var(--spacing-lg);max-width:100%;overflow-wrap:break-word;text-align:left;width:100%}.project-link{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;font-weight:600;padding-top:var(--spacing-lg);transition:all var(--transition-normal)}.project:hover .project-link{color:var(--accent-color)}.project-link-icon{font-size:.75rem;margin-right:var(--spacing-sm);padding-left:var(--spacing-xs)}.project-link-text{font-weight:700}@media (max-width:768px){.project-container{padding:var(--spacing-xl)}.project-logo{height:36px;margin-bottom:var(--spacing-md);width:36px}.project-title{font-size:1rem;margin-bottom:var(--spacing-sm)}.project-description{font-size:.8125rem;margin-bottom:var(--spacing-md)}}@media (max-width:480px){.project-container{padding:var(--spacing-lg)}.project-logo{height:32px;width:32px}.project-title{font-size:.9375rem}.project-description{font-size:.75rem}}.all-projects-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--spacing-2xl);max-width:100%;width:100%}.all-projects-project{height:100%;transition:-webkit-transform var(--transition-normal);transition:transform var(--transition-normal);transition:transform var(--transition-normal),-webkit-transform var(--transition-normal);width:100%}.all-projects-project:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}@media (max-width:768px){.all-projects-container{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (max-width:480px){.all-projects-container{gap:var(--spacing-md)}}.logo{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:block;margin:0;object-fit:contain;padding:var(--spacing-xs);transition:all var(--transition-normal)}.logo:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);-webkit-transform:scale(1.05);transform:scale(1.05)}.homepage-logo-container{align-items:center;-webkit-animation:fadeInUp .8s ease-out;animation:fadeInUp .8s ease-out;display:flex;justify-content:left;padding-top:var(--spacing-3xl)}.homepage-logo-container .logo{background:var(--background-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.homepage-logo-container .logo:hover{box-shadow:var(--shadow-md);-webkit-transform:scale(1.05);transform:scale(1.05)}.homepage-container{padding-top:var(--spacing-xl)}.homepage-first-area{align-items:flex-start;display:flex;justify-content:flex-start;margin-bottom:var(--spacing-3xl);text-align:left}.homepage-first-area-left-side{align-items:flex-start;-webkit-animation:fadeInUp .8s ease-out .2s both;animation:fadeInUp .8s ease-out .2s both;display:flex;flex-direction:column;max-width:700px;text-align:left}.homepage-title{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.02em;line-height:1.2;margin-top:var(--spacing-lg);width:100%!important}.homepage-subtitle{color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;margin-bottom:var(--spacing-xl);width:100%!important}.homepage-socials{align-items:center;-webkit-animation:fadeInUp .8s ease-out .6s both;animation:fadeInUp .8s ease-out .6s both;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:left;margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-2xl)}.homepage-social-icon{background:transparent;border:var(--border-width) solid transparent;border-radius:var(--radius-full);color:var(--text-secondary);font-size:1.5rem;padding:var(--spacing-md);transition:all var(--transition-bounce)}.homepage-social-icon:hover{background:rgba(37,99,235,.08);border-color:var(--accent-color);box-shadow:var(--shadow-md);color:var(--accent-color);-webkit-transform:translateY(-3px) scale(1.1);transform:translateY(-3px) scale(1.1)}.homepage-projects{-webkit-animation:fadeInUp .8s ease-out .8s both;animation:fadeInUp .8s ease-out .8s both;margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-2xl)}.homepage-after-title{display:flex;flex-direction:column;gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl)}.homepage-works{-webkit-animation:fadeInUp .8s ease-out 1s both;animation:fadeInUp .8s ease-out 1s both;padding-top:var(--spacing-xl)}.scroll-to-top{align-items:center;-webkit-animation:fadeInUp .3s ease-out forwards;animation:fadeInUp .3s ease-out forwards;background:var(--accent-color);border:none;border-radius:var(--radius-full);bottom:1.5rem;box-shadow:var(--shadow-lg);color:var(--text-inverse);cursor:pointer;display:flex;font-size:1.125rem;height:3rem;justify-content:center;opacity:0;position:fixed;right:1.5rem;transition:all var(--transition-normal);width:3rem;z-index:1000}.scroll-to-top:hover{background:var(--accent-hover);box-shadow:var(--shadow-xl);-webkit-transform:scale(1.1);transform:scale(1.1)}.scroll-to-top:focus{outline:var(--border-width-thick) solid var(--accent-color);outline-offset:2px}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.homepage-logo-container{padding-top:var(--spacing-2xl)}.homepage-container{padding-top:var(--spacing-lg)}.homepage-first-area{justify-content:center;margin-bottom:var(--spacing-2xl);text-align:center}.homepage-first-area-left-side{align-items:center;text-align:center}.homepage-title{font-size:clamp(1.75rem,6vw,2.25rem);margin-bottom:var(--spacing-md)}.homepage-subtitle{font-size:clamp(.875rem,3vw,1.125rem);margin-bottom:var(--spacing-lg)}.homepage-socials{gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-2xl);padding-top:var(--spacing-xl)}.homepage-social-icon{font-size:1.25rem;padding:var(--spacing-sm)}.homepage-projects{margin-bottom:var(--spacing-2xl);padding-top:var(--spacing-xl)}.homepage-after-title{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.scroll-to-top{bottom:1rem;font-size:1rem;height:2.5rem;right:1rem;width:2.5rem}}@media (max-width:480px){.homepage-logo-container{padding-top:var(--spacing-xl)}.homepage-title{font-size:1.5rem}.homepage-subtitle{font-size:.875rem}.homepage-socials{gap:var(--spacing-xs)}.homepage-social-icon{font-size:1.125rem;padding:var(--spacing-xs)}.scroll-to-top{bottom:.75rem;font-size:.875rem;height:2.25rem;right:.75rem;width:2.25rem}}.email-wrapper,.social{display:flex;padding-bottom:20px}.email-wrapper a,.social a{text-decoration:none}.social-icon{font-size:15px}.social-icon,.social-text{color:var(--secondary-color)}.social-text{font-size:14px;font-weight:600;margin-top:-20px;padding-left:30px}.email:before{border-top:3px solid #f4f4f5;content:"";display:block;margin-top:20px}.email-wrapper,.email:before{padding-top:20px}.about-logo-container{display:flex;justify-content:left;padding-top:var(--spacing-lg)}.about-logo{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:flex;position:fixed;top:2.4vh;z-index:100}.about-container{display:flex;flex-direction:column;height:100%;margin:0;padding-top:var(--spacing-3xl)}.about-main{align-items:flex-start;display:flex;gap:var(--spacing-3xl)}.about-right-side{flex:1 1;max-width:700px}.about-title{margin-top:var(--spacing-lg);width:100%!important}.about-subtitle{color:var(--text-secondary);line-height:1.7;width:100%!important}.about-left-side{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:320px}.about-image-container{margin-bottom:var(--spacing-xl);width:100%}.about-image-wrapper{border:4px solid var(--background-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:block;overflow:hidden;-webkit-transform:rotate(2deg);transform:rotate(2deg);transition:all var(--transition-normal);width:100%}.about-image-wrapper:hover{border-color:var(--accent-color);box-shadow:var(--shadow-xl);-webkit-transform:rotate(0deg) scale(1.02);transform:rotate(0deg) scale(1.02)}.about-image-wrapper img{display:block;height:auto;object-fit:cover;transition:-webkit-transform var(--transition-normal);transition:transform var(--transition-normal);transition:transform var(--transition-normal),-webkit-transform var(--transition-normal);width:100%}.about-image-wrapper:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.about-socials{padding-bottom:var(--spacing-lg);padding-top:var(--spacing-lg);width:100%}.about-socials-mobile{display:none}@media (max-width:1024px){.about-main{align-items:center;flex-direction:column;gap:var(--spacing-2xl)}.about-right-side{max-width:100%;text-align:center}.about-left-side{max-width:400px;order:1;width:100%}.about-image-container{margin-bottom:var(--spacing-lg)}.about-socials{display:none}.about-socials-mobile{display:flex;justify-content:center;padding-bottom:var(--spacing-lg);padding-top:var(--spacing-lg)}}@media (max-width:768px){.about-container{padding-top:var(--spacing-2xl)}.about-main{gap:var(--spacing-xl)}.about-left-side{max-width:300px}.about-title{font-size:clamp(1.75rem,5vw,2.25rem)}.about-subtitle{font-size:clamp(1rem,2.5vw,1.125rem)}}@media (max-width:480px){.about-container{padding-top:var(--spacing-xl)}.about-left-side{max-width:250px}.about-title{font-size:1.5rem}.about-subtitle{font-size:.875rem}.about-image-wrapper{border-width:2px}}.projects-logo-container{display:flex;justify-content:left;padding-top:25px}.projects-logo{border:1.2px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;top:2.4vh;z-index:999}.projects-container{display:flex;flex-direction:column;height:100%;margin:0;max-width:100%;padding-top:120px;width:100%}@media (max-width:600px){.projects-container{padding-top:60px}.projects-project{width:50%}}.read-article-logo-container{display:flex;justify-content:left;padding-top:25px}.read-article-logo{border:1.2px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;top:2.4vh;z-index:999}.read-article-container{display:flex;height:100%;margin:0;padding-top:120px}.read-article-back{height:40px;padding-right:50px;padding-top:26px;width:40px}.read-article-back-button{border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);width:30px}.read-article-wrapper{padding-top:30px;width:80%}.read-article-date-container{align-items:center;border-left:2px solid var(--quaternary-color);color:var(--tertiary-color);font-size:16 px;height:22px}.read-article-date{font-family:var(--primary-font);padding-left:15px}.read-article-title{padding-bottom:50px;padding-top:50px;width:100%!important}.read-article-body{color:#52525b;font-family:system-ui;font-size:16px;line-height:30px;padding-bottom:50px}.contact-logo-container{display:flex;justify-content:left;padding-top:25px}.contact-logo{border:1px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;top:2.4vh}.contact-subtitle{width:100%!important}.contact-container{display:flex;flex-direction:column;justify-content:space-around;margin-top:120px}.socials-container{display:flex;flex-direction:column;margin-top:80px}.contact-socials{align-items:center;display:flex;justify-content:flex-start}.not-found{height:100vh;overflow:hidden}.notfound-logo-container{display:flex;justify-content:left;padding-top:25px}.notfound-logo{border:1px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;top:2.4vh;z-index:999}.notfound-container{display:flex;flex-direction:column;height:100%;margin:0;padding-top:120px}.notfound-message{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound-title{color:var(--primary-color);font-family:var(--secondary-font);font-size:80px;font-weight:700;padding-top:15px}.not-found-message{color:var(--secondary-color);font-size:2rem;margin:2rem 0;text-align:center}.not-found-link{background-color:var(--link-color);border-radius:50px;color:#fff;font-size:1.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease-in-out}.not-found-link:hover{background-color:#fff;box-shadow:2px 2px 8px rgba(0,0,0,.3);color:var(--link-color)}@media (max-width:500px){.notfound-message{left:auto;position:absolute;top:auto;-webkit-transform:none;transform:none;width:100%}.notfound-title{font-size:50px}.not-found-message{font-size:15px;margin-left:-5px;margin-right:32px;margin-top:10px;width:100%}.not-found-link{font-size:15px;padding:15px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:var(--surface-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:var(--radius-full);-webkit-transition:background-color var(--transition-fast);transition:background-color var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}html{font-size:16px;line-height:1.6;scroll-behavior:smooth}*{transition-duration:var(--transition-normal);transition-property:background-color,color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);font-family:var(--primary-font);font-weight:400}.page-content,body{background-color:var(--background-color)}.page-content{min-height:100vh;position:relative}[data-theme=dark] .chatbot-bubble:before{border-bottom-color:var(--surface-color)}[data-theme=dark] .chatbot-msg.user .chatbot-bubble:before{border-bottom-color:var(--primary-color)}.page-content:after,.page-content:before{background-color:var(--surface-color);border:var(--border-width) solid var(--border-color);bottom:0;content:"";opacity:.4;position:absolute;top:0;transition:opacity var(--transition-normal);width:calc((100% - var(--container-max-width))/2)}.page-content:before{left:0;z-index:1}.page-content:after{right:0;z-index:1}.page-content:hover:after,.page-content:hover:before{opacity:.6}.content-wrapper{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding)}.title{color:var(--text-primary);font-family:var(--secondary-font);font-size:clamp(2rem,5vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--spacing-lg)}.subtitle,.title{transition:color var(--transition-normal);width:100%}.subtitle{color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.125rem);font-weight:400;line-height:1.6;margin-bottom:var(--spacing-xl)}.page-footer{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);position:relative}.page-footer:before{border-top:var(--border-width) solid var(--border-color);content:"";left:0;opacity:.2;position:absolute;right:0;top:0}@media (max-width:1270px){.page-content:after,.page-content:before{width:5%}.content-wrapper{max-width:90%;padding-left:10%;padding-right:10%}}@media (max-width:1024px){.page-content:after,.page-content:before{width:calc(50% - 475px)}.content-wrapper{max-width:980px}}@media (max-width:800px){.content-wrapper{margin:0 auto;max-width:90%;padding:0 var(--spacing-lg)}.page-content:after,.page-content:before{display:none}.title{font-size:clamp(1.75rem,6vw,2rem)}.subtitle,.title{text-align:center;width:100%}.subtitle{font-size:clamp(.875rem,3vw,1rem)}}@media (max-width:480px){.content-wrapper{padding:0 var(--spacing-md)}.title{font-size:1.5rem}.subtitle{font-size:.875rem}}.chatbot-root{bottom:var(--spacing-md);position:fixed;right:var(--spacing-md);z-index:1000}.chatbot-panel{-webkit-animation:slideIn var(--transition-normal) ease-out;animation:slideIn var(--transition-normal) ease-out;background:var(--background-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:70vh;max-height:90vh;overflow:hidden;width:min(90vw,400px)}@media (max-height:600px){.chatbot-panel{height:85vh}}@media (min-height:768px){.chatbot-panel{height:65vh;max-height:600px}}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.chatbot-header{align-items:center;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:var(--text-inverse);display:flex;font-family:var(--primary-font);font-size:1.1rem;font-weight:700;justify-content:space-between;padding:var(--spacing-base) var(--spacing-lg)}.chatbot-header .status{align-items:center;display:flex;gap:var(--spacing-sm)}.chatbot-header .status-icon{align-items:center;background:var(--quaternary-color);border-radius:var(--radius-full);display:flex;height:36px;justify-content:center;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:36px}.chatbot-header .status-icon:hover{-webkit-transform:rotate(5deg) scale(1.1);transform:rotate(5deg) scale(1.1)}@media (max-width:480px){.chatbot-header{font-size:1rem;padding:10px 12px}.chatbot-header .status{gap:6px}.chatbot-header .status-icon{height:30px;width:30px}.chatbot-header .actions button{font-size:1.1rem;padding:6px 10px}}.chatbot-header .actions button{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:4px 8px;transition:background-color .2s ease}.chatbot-header .actions button:hover{background-color:hsla(0,0%,100%,.1)}.chatbot-messages{background:var(--surface-color);flex:1 1;overflow-y:auto;padding:16px;scroll-behavior:smooth}.chatbot-msg{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;display:flex;margin-bottom:12px}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.chatbot-msg.assistant{justify-content:flex-start}.chatbot-msg.user{justify-content:flex-end}.chatbot-bubble{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);line-height:1.5;max-width:75%;padding:var(--spacing-sm) var(--spacing-md);position:relative}.chatbot-msg.user .chatbot-bubble{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-inverse)}.chatbot-bubble:before{border-bottom:8px solid var(--surface-color);border-left:8px solid transparent;border-right:8px solid transparent;content:"";height:0;left:10px;position:absolute;top:-8px;width:0}.chatbot-msg.user .chatbot-bubble:before{border-bottom-color:var(--primary-color);left:auto;right:10px}.chatbot-bubble .time{color:var(--text-secondary);font-size:.75rem;margin-top:4px;text-align:right}.chatbot-msg.user .chatbot-bubble .time{color:var(--text-inverse)}.chatbot-bubble.loading{-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite;background:var(--border-color);color:var(--text-primary);opacity:.75}@-webkit-keyframes pulse{0%{opacity:.75}50%{opacity:1}to{opacity:.75}}@keyframes pulse{0%{opacity:.75}50%{opacity:1}to{opacity:.75}}.chatbot-empty{color:var(--text-secondary);font-size:.95rem;font-style:italic;margin-top:24px;text-align:center}.chatbot-input-row{border-top:1px solid var(--border-color);display:flex;padding:var(--spacing-base)}.chatbot-input,.chatbot-input-row{background:var(--background-color)}.chatbot-input{border:2px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast) ease}.chatbot-input:focus{border-color:var(--primary-color)}.chatbot-send{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-full);color:var(--text-inverse);cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:var(--spacing-sm);transition:background-color var(--transition-fast) ease;width:40px}.chatbot-send:hover:not(:disabled){background-color:var(--secondary-color)}.chatbot-send:disabled{cursor:not-allowed;opacity:.5}.chatbot-suggestions{align-items:center;background:var(--background-color);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-base)}.chatbot-suggestions span{color:var(--text-secondary);font-size:.85rem}.chatbot-suggestions button{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition-fast) ease}.chatbot-suggestions button:hover{background-color:var(--surface-hover)}.chatbot-toggle{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--text-inverse);cursor:pointer;display:flex;height:56px;justify-content:center;transition:all var(--transition-normal) ease;width:56px}@media (max-width:480px){.chatbot-messages{padding:var(--spacing-base)}.chatbot-msg{margin-bottom:var(--spacing-sm)}.chatbot-bubble{font-size:var(--font-size-sm);max-width:85%;padding:var(--spacing-sm) var(--spacing-md)}.chatbot-input-row{padding:var(--spacing-sm)}.chatbot-input{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.chatbot-send{height:38px;width:38px}.chatbot-suggestions{gap:var(--spacing-xs);padding:var(--spacing-sm)}.chatbot-suggestions button{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.chatbot-toggle{bottom:var(--spacing-md);height:50px;right:var(--spacing-md);width:50px}}.chatbot-toggle:hover{box-shadow:var(--shadow-xl);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.chatbot-toggle:active{box-shadow:var(--shadow-md);-webkit-transform:translateY(0);transform:translateY(0)}
/*# sourceMappingURL=main.f5cd9c7f.css.map*/