*{box-sizing:border-box;margin:0;padding:0}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle,#00d4ff1a 0%,#0000 60%),radial-gradient(circle at 20% 30%,#00d4ff14 0%,#0000 50%),radial-gradient(circle at 80% 70%,#0066ff14 0%,#0000 50%);background-attachment:fixed;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--background:#0a0a0f;--foreground:#fff;--glow-color:#00d4ff;--glow-color-secondary:#06f;--text-primary:#fff;--text-secondary:#b0b0b0;--box-bg:#151520;--box-border:#00d4ff4d}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family);font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--box-border);border-radius:5px}::-webkit-scrollbar-track{background:var(--background)}.hamburg{color:#fff;z-index:1000;border-bottom:1px solid var(--box-border);background-color:#0a0a0f;justify-content:space-between;align-items:center;width:100%;height:80px;padding:16px 40px 16px 16px;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 20px #0009}.navbar-logo{background:var(--box-bg);border:2px solid var(--box-border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;position:relative;overflow:hidden}.navbar-logo:hover{border-color:var(--glow-color);transform:scale(1.05);box-shadow:0 0 20px #00d4ff66}.navbar-logo-glow{background:var(--glow-color);width:15px;height:15px;box-shadow:0 0 10px var(--glow-color);border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute}.navbar-logo-text a{z-index:2;color:var(--text-primary);letter-spacing:1px;font-size:.9rem;font-weight:700;text-decoration:none;position:relative}.nav{gap:10px;display:flex}.nav a{cursor:pointer;color:#fff;font-size:18px;font-weight:500;text-decoration:none;transition:all .3s}.nav a:hover{color:var(--glow-color);text-decoration:underline}.logo{cursor:pointer;font-size:14px}.desktop-download a{color:var(--glow-color);border:2px solid var(--glow-color);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:16px;text-decoration:none}.desktop-download a:hover{background:var(--glow-color);color:var(--background);transform:translateY(-2px);box-shadow:0 0 25px #00d4ff80}.download-darkMode{justify-content:center;align-items:center;gap:5px;display:flex}.menu-icon{cursor:pointer;display:none}.right-icons{align-items:center;gap:10px;display:flex}.mobile-nav{z-index:1000;background-color:#0a0a0ffa;flex-direction:column;gap:20px;width:100%;padding:0 40px 0 10px;transition:all .3s;display:flex;position:fixed;top:80px;left:0;transform:translate(-100%)}.mobile-nav a{color:var(--text-primary);font-size:16px;font-weight:600;text-decoration:none}.mobile-nav a:hover{color:var(--glow-color)}.mobile-nav.open{transform:translate(0)}.close-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:5px;font-size:22px;display:flex;position:absolute;top:10px;right:40px}.close-btn:hover{color:var(--glow-color);box-shadow:0 0 25px #00d4ff4d}.mobile-nav .mobile-download a{color:var(--glow-color);border:2px solid var(--glow-color);background:0 0;border-radius:5px;margin-bottom:20px;padding:10px 20px;text-decoration:none;display:block}@media (width<=768px){.nav,.desktop-download{display:none}.menu-icon,.dark-mode,.mobile-download{display:block}}.my-name{opacity:0;background:#0a0a0fcc;flex-flow:column-reverse wrap;align-items:center;width:100%;margin:0 auto;padding:80px 20px 0;animation:.9s ease-out forwards dropIn;display:flex}@keyframes dropIn{0%{opacity:0;transform:translateY(-120px)}60%{opacity:1;transform:translateY(10px)}80%{transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.wrap-content{text-align:center;width:100%;font-size:18px}.wrap-content p{text-align:justify;color:#e1dddd;max-width:700px}.wrap-content .typing{color:#629ec6;white-space:nowrap;width:0;animation:3s steps(30,end) forwards typing,.7s infinite blink;display:inline-block;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.wrap-content h2{color:#fff;margin-bottom:10px;font-size:32px}.wrap-content h2 span{color:var(--text-primary)}.bio-buttons{flex-wrap:wrap;grid-template-columns:1fr;gap:20px;margin-top:20px;margin-bottom:20px;display:grid}.bio-buttons a{text-decoration:none}.contact-button{border:2px solid var(--glow-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer;color:var(--glow-color);text-align:center;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:20px;font-family:inherit;font-size:18px;font-weight:600;transition:o .3s;display:flex}.contact-button:hover{background:var(--glow-color);color:var(--background);transform:translateY(-2px);box-shadow:0 0 25px #00d4ff80}.contact-button:active{transform:translateY(0)}.profile-image{justify-content:center;width:100%;margin:20px 0 0;display:flex}.profile-image img{object-fit:cover;border-radius:50%;width:180px;height:180px;margin-bottom:30px;transition:transform .4s,box-shadow .4s;transform:translateY(-2px);box-shadow:0 0 25px #00d4ff80}.profile-image img:hover{transform:translateY(-10px)}@media (width>=768px){.profile-image img{width:350px;height:350px;margin-bottom:30px}.profile-image{justify-content:flex-end;width:40%;margin:0}.wrap-content h2{font-size:45px}.bio-buttons{justify-content:flex-start;display:flex}.my-name{flex-flow:row;justify-content:space-between;align-items:center;gap:20px;padding:160px 160px 80px 80px}.wrap-content{text-align:left;width:55%;font-size:20px}.wrap-content p{font-size:20px}.view-button,.contact-button{font-size:16px}.tab-content p{text-align:justify}.about-me h2{color:#1a237e;text-align:center;font-size:30px}}.about-me{padding:20px 30px;display:block}.about-me h2{color:var(--text-primary);text-align:center;margin-bottom:20px}.tab-content{grid-template-columns:1fr;gap:20px;display:grid}.tab-content-one{border:2px solid var(--box-border);background:var(--box-bg);color:var(--text-secondary);box-shadow:.3s ease;border-radius:10px;padding:10px;transition:all .3s}.tab-content-one:hover{border-color:var(--glow-color);transform:translateY(-10px);box-shadow:0 0 10px #00d4ff4d}.tab-content h3{justify-content:center;display:flex}.tab-content p{text-align:justify;font-size:18px;line-height:1.6}.get-in-touch-button button{border:2px solid var(--glow-color);color:var(--glow-color);cursor:pointer;background:0 0;border-radius:5px;margin-top:20px;padding:10px 20px;font-size:18px}.get-in-touch-button button:hover{background:var(--glow-color);color:var(--background);box-shadow:0 0 25px #00d4ff4d}@media (width>=768px){.tab-content{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.about-me{padding:20px 200px;display:block}}.my-project-content{padding:0 30px 20px;display:block}.my-projects h2{color:var(--text-primary);text-transform:uppercase;z-index:1;letter-spacing:4px;text-align:center;justify-content:center;margin-bottom:1rem;font-size:30px;font-weight:700;display:flex}.my-projects p{text-align:center;color:var(--text-secondary);z-index:1;margin-top:20px;margin-bottom:20px;font-size:18px;line-height:1.8;position:relative}.project{border:1px solid var(--box-border);background:var(--box-bg);opacity:0;box-shadow:.3s ease;border-radius:16px;flex-direction:column;margin-top:10px;transition:opacity .6s,transform .6s;position:relative;overflow:hidden;transform:translateY(40px)}.project:hover{border-color:var(--glow-color);transform:translateY(-10px);box-shadow:0 0 10px #00d4ff4d}.project.visible{opacity:1;transform:translateY(0)}.project h4{color:var(--glow-color);justify-content:center;padding:10px 0;font-size:24px;display:flex}.project p{z-index:1;color:var(--text-secondary);flex-direction:column;align-items:center;padding:10px;font-size:18px;display:flex}.projects-grid{z-index:1;grid-template-columns:1fr;gap:30px;display:grid;position:relative}.projects-grid p{color:#5b5757;font-size:16px}.project img{object-fit:contain;z-index:1;border-radius:10px;width:100%;height:auto;transition:transform .4s;position:relative}.project:hover img{transform:scale(1.05)}.view{justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:flex}.view button{color:var(--glow-color);text-transform:uppercase;letter-spacing:2px;border:2px solid var(--glow-color);cursor:pointer;background:0 0;border-radius:8px;margin-top:16px;padding:10px;font-size:14px;font-weight:300;transition:all .3s}.view button:hover{background-color:var(--glow-color);color:var(--background);transform:translateY(-2px);box-shadow:0 0 25px #00d4ff80}.stack-used{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.stack-used button{color:var(--glow-color);border:2px solid var(--glow-color);background-color:#00d4ff1a;border-radius:20px;padding:8px;font-size:14px;font-weight:500;transition:all .3s}@media (width>=768px){.projects-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}}.ready-to-start{text-align:center}.ready-to-start h2{color:var(--text-primary);text-transform:uppercase;letter-spacing:4px;z-index:1;margin-bottom:1rem;font-size:20px;font-weight:700;position:relative}.ready-to-start p{color:var(--text-secondary);text-align:center;margin-top:5px;font-size:18px;line-height:1.8;position:relative}.ready-to-start button{background-color:var(--box-bg);color:var(--glow-color);cursor:pointer;border:none;border-radius:5px;margin-top:30px;padding:10px 20px;font-size:18px}.ready-to-start button:hover{background:var(--glow-color);color:var(--background)}.contact{padding:0 30px 20px;display:block}.contact-details{grid-template-columns:1fr;gap:10px;margin-top:30px;display:grid}.contact-details p{cursor:pointer;border:1px solid #1a237e;border-radius:5px;padding:10px;font-size:20px}.contact-details p a{color:#000;text-decoration:none}.contact-icon{color:#1a237e}.comment-form{background-color:var(--box-bg);border:1px solid var(--box-border);opacity:0;border-radius:16px;flex-direction:column;margin-top:20px;padding:32px 24px;transition:opacity .6s ease-out,transform .6s ease-out;display:flex;transform:translateY(50px)}.comment-form.show{opacity:1;transform:translateY(0)}.comment-form form{flex-direction:column;gap:5px;display:flex}.comment-form label{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-top:12px;font-size:12px;font-weight:500}.comment-form input,.comment-form textarea{border:1px solid var(--box-border);width:100%;color:var(--text-primary);box-sizing:border-box;background:#ffffff0d;border-radius:8px;outline:none;padding:12px 16px;font-size:15px;transition:border .3s}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--glow-color);background:#ffffff14;box-shadow:0 0 15px #00d4ff33}.comment-form input::placeholder,.comment-form textarea::placeholder{color:var(--text-secondary);opacity:.6;font-size:14px}.comment-form textarea{resize:vertical;min-height:150px}.comment-form button{color:var(--glow-color);text-transform:uppercase;letter-spacing:2px;border:2px solid var(--glow-color);cursor:pointer;background:0 0;border-radius:8px;margin-top:16px;padding:10px;font-size:16px;font-weight:600;transition:all .3s}.comment-form button:hover{background-color:var(--glow-color);color:var(--background);transform:translateY(-2px);box-shadow:0 0 25px #00d4ff80}.contact-email,.contact-phone,.contact-location{background-color:#fff;border-radius:5px}@media (width>=768px){.contact-details{flex-direction:row;justify-content:center;gap:40px}.contact{padding:80px 60px}.comment-form{width:600px;padding:40px}.comment-form-center,.contact-details{justify-content:center;align-items:center;display:flex}}.footer{text-align:center;background-color:var(--box-bg);border-top:1px solid var(--box-border);flex-direction:column;align-items:center;width:100%;margin-top:150px;padding:30px 20px 20px 30px;display:flex;position:relative}.footer h3{color:var(--text-primary);text-shadow:0 0 10px #00d4ff4d;margin:0;font-size:24px;font-weight:700;display:block}.footer p{text-align:center;max-width:300px;margin-top:5px;font-size:18px}.quick-links{flex-direction:column;align-items:center;display:flex}.quick-links a{color:var(--text-secondary);text-decoration:none}.quick-links h3{color:var(--glow-color);text-transform:uppercase;letter-spacing:1px;font-weight:600}.quick-links ul{text-align:center;margin-top:10px;padding:0;font-size:18px;list-style:none}.quick-links ul li{margin-bottom:8px}.connect-with-me{flex-direction:column;align-items:center;gap:10px;display:flex}.connect-with-me h3{color:var(--glow-color);text-transform:uppercase;letter-spacing:1px;font-weight:600}.connect-with-me .mail{color:var(--text-secondary);font-size:18px;text-decoration:none}.social-icon{color:var(--text-primary);border:1px solid var(--box-border);background:#00d4ff1a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{border-color:var(--glow-color);color:var(--glow-color);background:#00d4ff33;transform:translateY(-3px);box-shadow:0 0 15px #00d4ff4d}.connect-with-me .icons{gap:16px;margin-top:8px;font-size:24px;display:flex}.copyright{color:var(--text-secondary);justify-content:center;align-items:center;margin:0;padding:20px;font-size:14px;display:flex}.copyright-icon{margin-right:5px}@media (width>=768px){.footer{text-align:left;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:40px;padding:40px 60px 20px}.footer p{text-align:left;max-width:280px;font-size:18px}.quick-links{align-items:flex-start}.quick-links ul{text-align:left;font-size:18px}.connect-with-me{align-items:flex-start}.author{max-width:280px}}.skills{margin-top:80px;padding:40px 30px 20px;display:block}.skills-content p{text-align:justify;font-size:18px}.skills-content{margin-bottom:20px}.skills-grid{grid-template-columns:1fr;gap:20px;display:grid}.skills-grid-stack{border:1px solid var(--glow-color);border-radius:10px;padding:30px 20px;display:block}.skills-grid-stack h3{color:var(--text-primary);margin-bottom:20px}.skills-grid-stack p{text-align:justify;font-size:16px}.skills-grid-stack button{color:var(--glow-color);border:2px solid var(--glow-color);background:0 0;border-radius:10px;margin-top:10px;padding:10px;font-size:14px}.skills-grid-stack button:hover{background:var(--glow-color);color:var(--background)}.stack-btn{gap:10px;display:flex}.pro-tip{border-left:4px solid var(--glow-color);text-align:justify;margin-top:50px;padding:0 20px;font-size:16px}@media (width>=768px){.skills-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}}.skills-carousel{text-align:center;padding:40px 0}.carousel-auto{margin-top:40px;margin-bottom:30px}.skills-carousel svg{color:var(--text-primary);font-size:55px;transition:all .3s}.skills-carousel svg:hover{color:var(--glow-color);transform:scale(1.2)}.skill-item{flex-direction:column;align-items:center;gap:6px;font-size:40px;display:flex}.skill-item span{font-size:12px}.skill-item.html svg{color:#e34f26}.skill-item.css svg{color:#1572b6}.skill-item.js svg{color:#f7df1e}.skill-item.react svg{color:#61dafb}.skill-item.tailwind svg{color:#38b2ac}.skill-item.git svg{color:#f05032}.skill-item.github svg{color:#fff}.skill-item.node svg{color:#393}.skill-item.express svg{color:#fff}.skill-item.mongodb svg{color:#47a248}.skill-item.vscode svg{color:#007acc}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}