.terminal-loader{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100dvh;background:var(--background-100);color:var(--text-100);padding:20px;z-index:9999;overflow:hidden}.terminal-loader::-webkit-scrollbar{display:none}.terminal-text{white-space:pre;position:relative;z-index:2}.terminal-loader:after{content:"";position:fixed;top:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,255,204,.05) 3px,rgba(0,255,204,.05) 4px);z-index:1;width:100%;height:100%}.footer{margin:47px 0 0;padding:32px 16px;border-top:1px solid var(--primary-300);justify-content:space-between}.footer .foot{display:flex;justify-content:space-between;align-items:center}.foot p{font-size:14px;color:var(--text-300)}.foot a{font-size:14px;color:var(--text-300);transition:color .2s;text-decoration:none}.foot a:hover{color:var(--primary-200)}.comment-section{max-width:800px;margin:0 auto;padding:40px 20px}.comment-section p{margin-bottom:8px}form input,form textarea{width:100%;margin:4px 0;padding:12px 16px;border:1px solid #ccc;background-color:var(--primary-300);border-radius:12px;box-sizing:border-box;font-family:Space Grotesk,sans-serif;color:var(--text-100);font-size:16px}form input::placeholder,form textarea::placeholder{font-family:Space Grotesk,sans-serif;color:var(--text-200);font-size:16px}form button{border:none;background-color:var(--primary-100);color:var(--background-100);border-radius:6px;padding:12px;cursor:pointer;transition:background-color .3s ease;font-family:Space Grotesk,sans-serif}.comments-list{margin-top:32px;display:flex;flex-direction:column;gap:16px}.comment{background:var(--background-200);border:1px solid var(--primary-300);box-shadow:var(--shadow-lg);border-radius:12px;padding:16px}.comment-text{font-style:italic}.meta{display:flex;justify-content:space-between;color:var(--text-300)}.home{display:flex;flex-direction:column;justify-content:center;gap:30px;text-align:center;height:100dvh;min-height:500px}.color-container{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:30px}.profile-pic{max-width:200px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-300);box-shadow:var(--shadow-lg);transition:transform .3s ease}.profile-pic:hover{transform:scale(1.05)}.switch-wrapper{position:absolute;top:0;right:10px;z-index:1000;transform:scale(.75)}.switch-wrapper input[type=checkbox]{visibility:hidden;display:none}.switch-wrapper .switch{--width-of-switch: 3.5em;--height-of-switch: 2em;--slider-offset: .3em;--icon-size: 1.4em;position:relative;width:var(--width-of-switch);height:var(--height-of-switch);display:inline-block}.switch-wrapper .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--primary-100);border-radius:30px;transition:.4s}.switch-wrapper .slider .icon{position:absolute;top:50%;transform:translateY(-50%);left:var(--slider-offset);background-color:var( --primary-300);color:var(--text-200);border-radius:50%;height:var(--icon-size);width:var(--icon-size);display:flex;align-items:center;justify-content:center;transition:left .4s ease;box-shadow:0 0 4px #0000001a}.switch-wrapper input:checked+.slider .icon{left:calc(100% - var(--icon-size) - var(--slider-offset));background-color:var(--primary-300);color:var(--text-100)}.typing-text{display:inline-flex;justify-content:center;width:20ch;min-height:1.5em;white-space:nowrap;text-align:center;position:relative}.cursor{color:var(--text-300);display:inline-block;width:2px;background-color:currentColor;margin-left:4px;animation:blink .7s infinite;vertical-align:bottom}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.home span{display:flex;gap:25px;justify-content:center}.home span a{margin:0}.home span a .social-icon{width:30px;transition:color .3s ease;color:var(--primary-100)}.home span a .social-icon:hover{color:var(--primary-200);transform:scale(1.025)}.home a{text-decoration:none;width:fit-content;align-self:center}.home button{background-color:var(--primary-100);color:var(--background-200);border:none;border-radius:20px;width:126px;height:50px;font-size:20px;font-weight:700;box-shadow:var(--shadow-lg);transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.home button:hover{transform:scale(1.5)}.home button:active{transform:translateY(2px);box-shadow:var(--shadow-lg)}.info{display:flex;text-align:center;flex-direction:column;align-items:center;gap:20px}.description{max-width:24ch;text-align:center;margin:0 auto}@media (min-width: 768px){.switch-wrapper{top:0;right:0}.home{flex-direction:row-reverse;align-items:center;justify-content:space-evenly}.home .profile-pic{max-width:350px;width:350px}}@media (min-width: 1024px){.home .profile-pic{max-width:400px;width:400px}}.projects{padding:40px 20px;text-align:center}.project-grid{display:grid;gap:20px;justify-items:center;grid-template-columns:1fr;transition:transform .3s ease-in-out;opacity:1}@media screen and (min-width: 768px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:var(--background-200);border:1px solid var(--primary-300);box-shadow:var(--shadow-lg);border-radius:12px;padding:16px;width:100%;max-width:320px;text-align:left;display:flex;flex-direction:column;gap:10px}.project-image{width:100%;height:160px;object-fit:cover;border-radius:8px}.project-tools{display:flex;flex-wrap:wrap;gap:6px}.tool-badge{font-size:12px;background-color:var(--primary-300);padding:4px 8px;border-radius:12px}.project-buttons{display:flex;gap:10px;margin-top:10px}.project-card button{padding:6px 14px;border:none;background-color:var(--primary-100);color:var(--background-200);border-radius:6px;cursor:pointer}.projects button:hover{background-color:var(--primary-200);transform:scale(1.1)}button:disabled,.disabled-button{opacity:.5;cursor:not-allowed;transform:none!important}button:disabled:hover,.disabled-button:hover{transform:none!important}.animated{animation-duration:.3s;animation-fill-mode:both}.slide-in-right{animation-name:slideInFromRight}.slide-in-left{animation-name:slideInFromLeft}@keyframes slideInFromRight{0%{transform:translate(50%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-50%);opacity:0}to{transform:translate(0);opacity:1}}.pagination-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:24px}.page-button{background-color:var(--text-300);border:none;padding:6px 12px;font-weight:700;cursor:pointer;border-radius:5px;transition:background-color .3s}.page-button:hover{background-color:var(--primary-200)}.page-button.active{background-color:var(--primary-300);color:var(--background-200)}.no-projects-quote{text-align:center;font-style:italic;font-size:20px;margin-top:24px;color:var(--text-300)}.about{padding:40px 20px;justify-items:center}.about-grid{display:flex;flex-direction:column;gap:20px}@media (min-width: 800px){.about-grid{flex-direction:row}}.left-column{flex:2;gap:20px;display:flex;flex-direction:column}.techstack-box,.about-box{background:var(--background-200);border:1px solid var(--primary-300);box-shadow:var(--shadow-lg);border-radius:12px;padding:16px}.about-box p{text-align:justify}.tech-category{margin-top:12px}.tech-category h3{font-weight:500;margin-bottom:6px}.techstack-header{display:flex;justify-content:space-between;align-items:center}.tech-items{display:flex;flex-wrap:wrap;gap:6px;overflow:hidden}.tech-badge{display:flex;align-items:center;gap:6px;background-color:var(--primary-300);padding:5px 9px;border-radius:100px}.experience-box{flex:1;background:var(--background-200);border:1px solid var(--primary-300);box-shadow:var(--shadow-lg);border-radius:12px;padding:16px}.experience-list{padding-top:15px;padding-left:15px}.experience-item{margin-bottom:px;position:relative;padding-left:6px;padding-bottom:12px}.experience-title{font-weight:600}.experience-company{color:var(--text-200)}.experience-year{color:var(--text-300)}.connect{padding:40px 20px}.connect-grid{display:flex;flex-direction:column;gap:24px}.connect-box{background:var(--background-200);border:1px solid var(--primary-300);box-shadow:var(--shadow-lg);border-radius:12px;padding:16px;flex:1}.social-icons{display:flex;gap:12px;margin-bottom:20px}.social-icons a{color:var(--primary-100)}.social-icons a:hover{color:var(--primary-200);transform:scale(1.025)}.contact-form{display:flex;flex-direction:column;gap:16px}.formGroup{display:flex;flex-direction:column}input:not([type=submit]),textarea{padding:12px 16px;border:1px solid #ccc;background-color:var(--primary-300);border-radius:12px;width:100%;box-sizing:border-box;font-family:Space Grotesk,sans-serif;color:var(--text-100);font-size:16px}input::placeholder,textarea::placeholder{font-family:Space Grotesk,sans-serif;color:var(--text-200);font-size:16px}textarea{min-height:100px;resize:vertical}input[type=submit]{border:none;background-color:var(--primary-100);color:var(--background-100);border-radius:6px;padding:12px 0;cursor:pointer;transition:background-color .3s ease;font-family:Space Grotesk,sans-serif}input[type=submit]:hover{background-color:var(--primary-200);transform:scale(1.025)}.success-text{color:green;font-size:14px}.error-text{color:red;font-size:14px}.blog-box{background:var(--background-200);border:1px solid var(--primary-300);box-shadow:var(--shadow-lg);border-radius:12px;padding:16px;display:flex;flex-direction:column;flex:2;gap:16px}.blog-box div{gap:20px}.blog-header{display:flex;justify-content:space-between;align-items:center}.blog-header h3{font-weight:600}.blog-entry{background-color:var(--primary-300);box-shadow:var(--shadow-lg);border-radius:12px;padding:12px;cursor:pointer;transition:box-shadow .2s ease}.blog-entry:hover{transform:scale(1.0125)}@media (min-width: 800px){.connect-grid{flex-direction:row;align-items:stretch}.connect-box,.blog-box{width:100%}}.techstack-section{width:100%;padding-top:40px}.techstack-container{max-width:1090px;margin:0 auto;padding:0 20px;gap:16px}.techstack-container h1{padding:8px 0 16px;margin:0}.techstack-container h2{border-left:4px solid var(--primary-300);padding-left:6px;margin-bottom:12px}.techstack-category{margin-bottom:15px}.techstack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px}.techstack-badge{background:var(--background-200);border:1px solid var(--primary-300);box-shadow:var(--shadow-lg);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,box-shadow .2s ease;text-align:center}.techstack-badge:hover{transform:scale(1.05);box-shadow:0 8px 20px #0000001a}.techstack-icon{font-size:2rem;margin-bottom:8px}.techstack-label{font-size:14px;font-weight:500}.blog-container{max-width:1090px;margin:0 auto;padding:40px 20px}.blog-container h1{padding:8px 0 16px;margin:0}.blog-container h2{border-left:4px solid var(--primary-300);padding-left:6px;margin-bottom:12px}.blog-card-grid{max-width:1090px;display:flex;flex-direction:column;gap:15px;box-sizing:border-box}.blog-card{padding:16px;border:1px solid var(--primary-300);background:var(--background-100);border-radius:12px;box-shadow:var(--shadow-lg);transition:transform .2s ease;box-sizing:border-box;text-decoration:none}@media (min-width:800){.blog-card{width:100%}}.blog-card:hover{transform:scale(1.0125)}.blog-title{font-weight:600;margin-bottom:6px;color:var(--text-100)}.blog-meta{color:var(--text-200);font-size:12px}.blog-brief{color:var(--text-100);font-size:14px}.blog-tags-wrapper{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.blog-tags{color:var(--text-200);font-size:12px;background-color:var(--primary-200);padding:4px 8px;border-radius:12px}.article-container{max-width:1090px;margin:0 auto;padding:40px 20px}.article-banner{width:100%;height:auto;border-radius:8px;margin:20px 0}.article-content p{margin-bottom:1rem;line-height:1.6}.article-content strong{font-weight:700}.article-content em{font-style:italic}.share-icons{margin-top:2rem}.share-icons p{font-weight:700;margin-bottom:.5rem}.share-icons .icons a{margin-right:10px;font-size:20px;color:var(--primary-100);transition:transform .2s ease}.share-icons .icons a:hover{transform:scale(1.2)}.related-articles{margin-top:3rem}.related-articles h3{font-size:1.2rem;margin-bottom:1rem}.related-articles ul{list-style-type:none;padding:0}.related-articles li{margin-bottom:.5rem}.related-link{color:var(--primary-100);text-decoration:none;transition:color .2s ease}.related-link:hover{text-decoration:underline;color:var(--primary-200)}:root{--primary-100: #2e8bc0;--primary-200: #4da3d4;--primary-300: #76b8de;--accent-100: #5bb490;--accent-200: #5bb490;--accent-300: #5bb490;--background-100: #fbfdfd;--background-200: #eaf5f5;--background-300: #d9ecec;--text-100: #06131b;--text-200: #0f3045;--text-300: #194e6e;--shadow-lg: 0 8px 20px rgba(0, 0, 0, .1);color-scheme:light dark}[data-theme=dark]{--primary-100: #76b8de;--primary-200: #4da3d4;--primary-300: #2e8bc0;--accent-100: #4a8f70;--accent-200: #4a8f70;--accent-300: #4a8f70;--background-100: #121a1f;--background-200: #1e2a33;--background-300: #2a3b48;--text-100: #e0e8f0;--text-200: #b0c4d9;--text-300: #8ca5bf;--shadow-lg: 0 8px 20px rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box;border:red}body{width:100%;margin:0;background-color:var(--background-100);display:block;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;max-width:100vw}#root{display:flex;flex-direction:column}h1,h2,h3,p,a,button,span,label{margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease}h2,h3,p,a,button,span,label{font-family:Space Grotesk,sans-serif}h1,h2{text-transform:uppercase}h2,h3{font-size:22px}h1{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-size:32px}p,a,button,span,label{font-size:14px;font-weight:300}.page-container{max-width:1090px;margin:0 auto;padding:0 20px;width:100%}.sectionTitle{margin-bottom:10px}.hover{cursor:pointer;text-decoration:none}.view-all-btn{color:var(--primary-100);cursor:pointer;padding:0;align-items:center;display:inline-flex;gap:6px;text-decoration:none}@media (width >= 800px){#root{gap:60px}h1{font-size:40px}h2,h3{font-size:30px}p,a,button,span,label{font-size:20px}}@media (width >= 1400px){#root{gap:60px}h1{font-size:64px}}body[data-theme=light],body[data-theme=dark]{background-color:var(--background-100);color:var(--text-100)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background-100)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--background-100)}::-webkit-scrollbar-thumb{background-color:var(--primary-300);border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-200)}