:root[data-theme=dark]{--bg-dark:oklch(0.1 0 248);--bg:oklch(0.15 0 248);--bg-light:oklch(0.2 0 248);--text:oklch(0.96 0 248);--text-muted:oklch(0.76 0 248);--highlight:oklch(0.5 0 248);--border:oklch(0.4 0 248);--border-muted:oklch(0.3 0 248);--primary:oklch(0.76 0.1 248);--secondary:oklch(0.76 0.1 68);--danger:oklch(0.7 0.05 30);--warning:oklch(0.7 0.05 100);--success:oklch(0.7 0.05 160);--info:oklch(0.7 0.05 260)}:root[data-theme=light]{--bg-dark:oklch(0.92 0 248);--bg:oklch(0.96 0 248);--bg-light:oklch(1 0 248);--text:oklch(0.15 0 248);--text-muted:oklch(0.4 0 248);--highlight:oklch(0.7 0 248);--border:oklch(0.6 0 248);--border-muted:oklch(0.7 0 248);--primary:oklch(0.4 0.1 248);--secondary:oklch(0.4 0.1 68);--danger:oklch(0.5 0.05 30);--warning:oklch(0.5 0.05 100);--success:oklch(0.5 0.05 160);--info:oklch(0.5 0.05 260)}:root[data-theme=dark2]{--bg-dark:oklch(0.1 0.015 240);--bg:oklch(0.15 0.015 240);--bg-light:oklch(0.2 0.015 240);--text:oklch(0.96 0.03 240);--text-muted:oklch(0.76 0.03 240);--highlight:oklch(0.5 0.03 240);--border:oklch(0.4 0.03 240);--border-muted:oklch(0.3 0.03 240);--primary:oklch(0.76 0.1 240);--secondary:oklch(0.76 0.1 60);--danger:oklch(0.7 0.05 30);--warning:oklch(0.7 0.05 100);--success:oklch(0.7 0.05 160);--info:oklch(0.7 0.05 260)}:root[data-theme=light2]{--bg-dark:oklch(0.92 0.015 240);--bg:oklch(0.96 0.015 240);--bg-light:oklch(1 0.015 240);--text:oklch(0.15 0.03 240);--text-muted:oklch(0.4 0.03 240);--highlight:oklch(0.7 0.03 240);--border:oklch(0.6 0.03 240);--border-muted:oklch(0.7 0.03 240);--primary:oklch(0.4 0.1 240);--secondary:oklch(0.4 0.1 60);--danger:oklch(0.5 0.05 30);--warning:oklch(0.5 0.05 100);--success:oklch(0.5 0.05 160);--info:oklch(0.5 0.05 260)}:root[data-theme=dark3]{--bg-dark:oklch(0.1 0.015 311);--bg:oklch(0.15 0.015 311);--bg-light:oklch(0.2 0.015 311);--text:oklch(0.96 0.03 311);--text-muted:oklch(0.76 0.03 311);--highlight:oklch(0.5 0.03 311);--border:oklch(0.4 0.03 311);--border-muted:oklch(0.3 0.03 311);--primary:oklch(0.76 0.1 311);--secondary:oklch(0.76 0.1 131);--danger:oklch(0.7 0.05 30);--warning:oklch(0.7 0.05 100);--success:oklch(0.7 0.05 160);--info:oklch(0.7 0.05 260)}:root[data-theme=light3]{--bg-dark:oklch(0.92 0.015 311);--bg:oklch(0.96 0.015 311);--bg-light:oklch(1 0.015 311);--text:oklch(0.15 0.03 311);--text-muted:oklch(0.4 0.03 311);--highlight:oklch(0.7 0.03 311);--border:oklch(0.6 0.03 311);--border-muted:oklch(0.7 0.03 311);--primary:oklch(0.4 0.1 311);--secondary:oklch(0.4 0.1 131);--danger:oklch(0.5 0.05 30);--warning:oklch(0.5 0.05 100);--success:oklch(0.5 0.05 160);--info:oklch(0.5 0.05 260)}:root[data-theme=dark4]{--bg-dark:oklch(0.1 0.015 20);--bg:oklch(0.15 0.015 20);--bg-light:oklch(0.2 0.015 20);--text:oklch(0.96 0.03 20);--text-muted:oklch(0.76 0.03 20);--highlight:oklch(0.5 0.03 20);--border:oklch(0.4 0.03 20);--border-muted:oklch(0.3 0.03 20);--primary:oklch(0.76 0.1 20);--secondary:oklch(0.76 0.1 200);--danger:oklch(0.7 0.05 30);--warning:oklch(0.7 0.05 100);--success:oklch(0.7 0.05 160);--info:oklch(0.7 0.05 260)}:root[data-theme=light4]{--bg-dark:oklch(0.92 0.015 20);--bg:oklch(0.96 0.015 20);--bg-light:oklch(1 0.015 20);--text:oklch(0.15 0.03 20);--text-muted:oklch(0.4 0.03 20);--highlight:oklch(0.7 0.03 20);--border:oklch(0.6 0.03 20);--border-muted:oklch(0.7 0.03 20);--primary:oklch(0.4 0.1 20);--secondary:oklch(0.4 0.1 200);--danger:oklch(0.5 0.05 30);--warning:oklch(0.5 0.05 100);--success:oklch(0.5 0.05 160);--info:oklch(0.5 0.05 260)}:root{--borderRadius:12px;--boxPadding:16px;--paraLineHeight:24px;--bigGap:24px;--gap:16px;--smallGap:8px;--hoverShadow:0px 0px 32px 0px var(--highlight)}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-dark);scrollbar-width:0;scroll-behavior:smooth;scroll-padding-top:50px}::-webkit-scrollbar{display:none}body{color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}section{padding:var(--boxPadding);border-radius:var(--borderRadius);margin:150px auto;background-color:var(--bg);width:95%;max-width:1000px}p{line-height:var(--paraLineHeight)}.heroSection{display:flex;flex-direction:column;margin-top:50px}.heroSection .profilePicWrapper{overflow:hidden;border-radius:var(--borderRadius);width:200px;height:200px}.heroSection .profilePicWrapper img{width:200px;height:200px;background-color:var(--bg-light);border-radius:var(--borderRadius);transition:.2s ease-in-out 0s}.heroSection .profilePicWrapper img:hover{transform:scale(1.2)}.heroSection .topWrapper{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--gap);flex-wrap:wrap}@media (max-width:576px){.heroSection .topWrapper{display:flex;flex-direction:column;align-items:center;width:100%}.heroSection .topWrapper .topLeftWrapper,.heroSection .topWrapper .topRightWrapper{width:100%;max-width:none}.heroSection .topWrapper .topRightWrapper{margin-bottom:16px}}.heroSection .topWrapper .topLeftWrapper{width:200px;height:100%}.heroSection .topWrapper .topLeftWrapper h2{margin-top:16px;color:var(--info)}.heroSection .topWrapper .topRightWrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:var(--gap);height:100%;width:80%;max-width:300px}.heroSection .topWrapper .topRightWrapper .topRow{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--bigGap);width:100%}.heroSection .topWrapper .topRightWrapper .topRow button{padding:var(--boxPadding);display:flex;justify-content:center;align-items:center;font-size:larger;background-color:var(--bg-light);color:var(--border-muted);border:1px solid var(--border-muted);border-radius:var(--borderRadius);cursor:pointer;width:unset}.heroSection .topWrapper .topRightWrapper .topRow button:hover{color:var(--border);border-color:var(--border);box-shadow:var(--hoverShadow)}.heroSection .topWrapper .topRightWrapper .topRow button.powerdOn{color:red;width:unset}.heroSection .topWrapper .topRightWrapper .topRow button.powerdOn:hover{color:darkred}.heroSection .topWrapper .topRightWrapper .topRow .onlineWrapper{display:flex;justify-content:center;align-items:center;gap:var(--gap);width:min-content}.heroSection .topWrapper .topRightWrapper .topRow .onlineWrapper .onlineCircle{width:10px;height:10px;background-color:lightgreen;border-radius:100%;box-shadow:0 0 10px 3px lightgreen}.heroSection .topWrapper .topRightWrapper .topRow .onlineWrapper .onlineCircle.inactive{background-color:orange;box-shadow:0 0 10px 3px orange}.heroSection .topWrapper .topRightWrapper a{width:100%}.heroSection .topWrapper .topRightWrapper a div{width:100%;padding:var(--boxPadding);background-color:var(--bg-light);color:var(--text-muted);border-radius:var(--borderRadius);font-size:larger;display:flex;justify-content:center;align-items:center;gap:calc(var(--gap) * 2);cursor:pointer}.heroSection .topWrapper .topRightWrapper a div:hover{color:var(--text);border-color:var(--border);box-shadow:0 0 32px 0 var(--highlight)}.heroSection .bottomWrapper{margin-top:16px}.heroSection .bottomWrapper p{color:var(--text-muted)}.heroSection .bottomWrapper .buttonRow{width:100%;margin-top:16px;display:flex;justify-content:space-evenly;align-items:center}.heroSection .bottomWrapper .buttonRow div{padding:var(--boxPadding);display:flex;justify-content:center;align-items:center;font-size:larger;background-color:var(--bg-light);color:var(--border);border-radius:var(--borderRadius);cursor:pointer}.heroSection .bottomWrapper .buttonRow div:hover{color:var(--info);border-color:var(--border);box-shadow:0 0 32px 0 var(--highlight)}.contactSection{background-color:transparent;padding:var(--boxPadding);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.contactSection .leftSide,.contactSection .rightSide{height:100%;width:45%;min-width:400px}.contactSection .rightSide{min-height:450px;padding:var(--boxPadding);background-color:var(--bg);display:flex;flex-direction:column;justify-content:space-evenly;align-items:start;gap:var(--gap);border-radius:var(--borderRadius)}.contactSection .rightSide label{width:100%}.contactSection .rightSide label span{width:100%;display:flex;justify-content:start;gap:var(--smallGap);align-items:center;margin-bottom:var(--gap);padding-left:4px;font-size:large}.contactSection .rightSide label span svg{font-size:x-large;color:var(--primary)}.contactSection .rightSide label input,.contactSection .rightSide label textarea{width:100%;max-width:100%;min-width:100%;background-color:var(--bg-light);border:0;outline:0;height:40px;border-radius:var(--borderRadius);padding:var(--boxPadding);color:var(--text);font-size:medium;resize:none}.contactSection .rightSide label input::placeholder,.contactSection .rightSide label textarea::placeholder{color:var(--border-muted);font-size:medium}.contactSection .rightSide label textarea{min-height:100px;max-height:100px}.contactSection .rightSide button{width:150px;padding:var(--boxPadding);border-radius:var(--borderRadius);border:0;outline:0;background-color:var(--bg-light);color:var(--text-muted);font-size:medium;font-weight:bolder;display:flex;justify-content:center;align-items:center;gap:var(--gap);cursor:pointer}.contactSection .rightSide button:hover{box-shadow:var(--hoverShadow)}.contactSection .rightSide button svg{font-size:larger}.contactSection .leftSide{display:flex;flex-direction:column;justify-content:space-evenly;align-items:start;gap:var(--gap)}.contactSection .leftSide p{color:var(--text-muted)}.contactSection .leftSide div{width:100%;display:flex;justify-content:start;align-items:center;gap:var(--gap);color:var(--text-muted)}.contactSection .leftSide div svg{font-size:xx-large;color:var(--info)}.contactSection .leftSide a{transition:.2s ease-in-out 0s}.contactSection .leftSide a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-decoration-thickness:2px}@media (max-width:900px){.contactSection{flex-direction:column;align-items:stretch;gap:64px}.contactSection .leftSide,.contactSection .rightSide{width:100%;min-width:0}}.projectWrapper{background-color:transparent;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--bigGap)}.projectItem{width:100%;max-width:470px;height:620px;padding:var(--boxPadding);border-radius:var(--borderRadius);background-color:var(--bg)}.projectItem .projectImageWrapper{width:100%;aspect-ratio:16/9;border-radius:var(--borderRadius);overflow:hidden;box-shadow:0 0 5px 1px white}.projectItem .projectImageWrapper img{width:100%;height:100%;transition:.2s ease-in-out 0s}.projectItem .projectImageWrapper img:hover{transform:scale(1.2)}.projectItem .projectInfoWrapper .projectToolsWrapper{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;gap:var(--smallGap);height:90px}.projectItem .projectInfoWrapper .projectToolsWrapper .projectTool{background-color:var(--bg-light);padding:calc(var(--boxPadding) / 2);border-radius:var(--borderRadius);border:1px solid var(--border-muted);display:flex;justify-content:center;align-items:center;cursor:pointer;margin-bottom:8px}.projectItem .projectInfoWrapper .projectToolsWrapper .projectTool:hover{box-shadow:var(--hoverShadow)}.projectItem .projectInfoWrapper h2{color:var(--primary);height:40px;display:flex;align-items:center}.projectItem .projectInfoWrapper p{color:var(--text-muted);height:110px}.projectItem .projectInfoWrapper .projectLinkBtn{width:200px;padding:calc(var(--boxPadding) / 2);border-radius:var(--borderRadius);border:0;outline:0;background-color:var(--bg-light);color:var(--text-muted);font-size:medium;font-weight:bolder;display:flex;justify-content:center;align-items:center;cursor:pointer}.projectItem .projectInfoWrapper .projectLinkBtn a{width:100%;height:100%;padding:calc(var(--boxPadding) / 2);display:flex;justify-content:center;align-items:center;gap:var(--gap)}.projectItem .projectInfoWrapper .projectLinkBtn:hover{box-shadow:var(--hoverShadow)}.projectItem .projectInfoWrapper .projectLinkBtn a svg{font-size:large}.projectItem .projectInfoWrapper{display:flex;flex-direction:column;justify-content:space-between;width:100%;margin-top:16px;position:relative}.projectItem .projectInfoWrapper .textContent{display:flex;flex-direction:column;gap:var(--gap)}.projectItem .projectInfoWrapper .projectLinkBtn{align-self:flex-start}