*{margin:0;padding:0;box-sizing:border-box}#root{min-width:100vw;max-width:100vw}body{font-family:Arial,sans-serif;line-height:1.6}.light{--bg-color: #fff;--text-color: #444;--accent-color: linear-gradient(90deg, #FFD700 0%, #FFA500 100%);--accent-hover: linear-gradient(90deg, #ffd900ef 0%, #ffa600f1 100%);--h1-color: #333;--h3-color: #777;--content-bg: #ffffff54;--text-shadow: 1px 1px 2px rgba(0, 0, 0, .2) }.dark{--bg-color: #000;--text-color: #e7e6e6;--accent-color:#000000;--accent-hover: #bb86fcd0;--h1-color: #fff;--h3-color: #fff;--content-bg: #04011800;--text-shadow: 1px 1px 2px rgba(0, 0, 0, .2)}.home-containers{margin-top:6rem;padding:0 1rem;max-width:1280px;margin-left:auto;margin-right:auto}.home-mobile-layouts{display:flex;flex-direction:column;gap:1.25rem}.home-desktop-grids{display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem;min-height:calc(100vh - 200px)}.profile-grid-areas{grid-column:span 2;grid-row:span 2}.about-grid-areas{grid-column:span 4;grid-row:span 2}.profile-cards{text-align:center;display:flex;flex-direction:column;gap:1.25rem;align-items:center;justify-content:center;border:1px solid #2e2e2e;background-color:#0b0d10;padding:2rem;border-radius:15px;height:100%}.lt{background-color:#cbd3e0!important;color:#000!important}.profile-image-containers{position:relative;width:180px;height:180px;padding:.5rem;background-color:#9e9b96;border-radius:50%;overflow:hidden}.image-placeholders{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#d1d5db;animation:pulse 1.5s infinite;border-radius:50%}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.profile-images{position:absolute;top:50%;left:50%;width:90%;height:auto;object-fit:cover;border-radius:50%;transform:translate(-50%,-33%)}.profile-names{font-size:2.4rem;color:#fff;font-weight:600;line-height:1}.profile-roles{font-size:1rem;color:#d1d5db;line-height:1}.profile-socials{display:flex;justify-content:space-between;width:100%;max-width:270px;gap:1rem}.social-link{flex:1;padding:.75rem;border:1px solid #3f3f46;border-radius:10px;font-size:1.255rem;color:#fff;text-align:center;transition:all .3s ease}.social-link:hover{background-color:#3f3f46;color:#fff}.about-card{border:1px solid #2e2e2e;background-color:#0b0d10;padding:2.5rem;border-radius:20px;height:100%;display:flex;flex-direction:column}.about-content{display:flex;flex-direction:column;height:100%}.about-greeting{font-size:1.5rem;color:#edc709f1;margin-bottom:1rem;font-weight:700}.about-heading{font-size:1.875rem;color:#fff;font-weight:400;line-height:2.5rem;margin-bottom:1.25rem}.about-paragraph{font-size:1rem;color:#d1d5db;line-height:2;margin-bottom:1.5rem}.availability-section{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.availability-status{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#fff}.status-indicator{width:12px;height:12px;border-radius:50%;background-color:#10b981;animation:pulse 1.5s infinite}.download-cv-button{background-color:#7e22ce;color:#fff;font-weight:700;border:2px solid #ffffff;padding:.75rem 2rem;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;transition:all .3s ease}.download-cv-button:hover{transform:translateY(-2px)}.download-cv-button:active{transform:translateY(1px)}.tech-colored{font-weight:600;padding:2px 6px;border-radius:4px}.react{color:#61dafb}.next{color:#fff;background-color:#000}.node{color:#3c873a}.ts{color:#3178c6}.sticky-nav{position:sticky;top:0;background:var(--accent-color);color:var(--h1-color);display:flex;justify-content:space-between;align-items:center;padding:.25rem 12rem .25rem 3rem;width:100%;z-index:1000;box-shadow:0 0 20px #6476ac;height:60px}.sticky-nav ul{list-style:none;display:flex;gap:2rem}.sticky-nav a{text-decoration:none;color:inherit;font-weight:700}.logo{width:50px;background:#fff;border-radius:56px}@media (max-width: 768px){.sticky-nav{padding:1rem;justify-content:center;height:45px}.sticky-nav ul{font-size:.8rem;gap:1rem}}.skills-header{display:flex;flex-direction:column;margin-top:30px;gap:15px}.skills-header h1{font-size:2.5rem}.skills{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:30px}.skills-list{display:flex;flex-wrap:wrap;height:50%;justify-content:center;align-items:center;gap:1.5rem}.skill-item{display:flex;justify-content:center;align-items:center;width:100px;height:100px;background-color:#ffffffdc}.lights{border:2px solid black}.skill-logo{max-width:80%;max-height:80%;object-fit:contain}@media (max-width: 768px){.skills{gap:0}.skills-header{margin:0}}.projects-container{padding:2rem 1rem;background-color:#06080d;color:#f1f5f9;border-radius:23px;border:1px solid #1d1d3b}.projects-wrapper{max-width:1100px;margin:0 auto}.projects-heading{font-size:2.2rem;font-weight:700;margin-bottom:2rem;color:#f8fafc}.projects-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.projects-mobile-layout{display:flex;flex-direction:column;gap:1.5rem}.project-card{background:#1e293b;border-radius:12px;padding:1.25rem;box-shadow:0 4px 10px #0006;transition:transform .2s ease}.project-card:hover{transform:translateY(-5px)}.project-title{font-size:1.4rem;font-weight:600;margin-bottom:.5rem;color:#ffe964}.project-status{font-size:.85rem;color:#4ade80;margin-left:.5rem}.project-status.building{color:red}.project-desc{font-size:1rem;color:#cbd5e1;margin-bottom:1rem}.project-icons a{margin-right:12px;font-size:1.2rem;color:#cbd5e1;transition:color .3s;text-decoration:none}.project-icons a:hover{color:#38bdf8}.see-more-button{margin-top:2rem;padding:.7rem 1.5rem;font-size:1rem;background-color:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .3s}.see-more-button:hover{background-color:#1e40af}.lght-theme,.lght-themes{color:#000}.lght{background:#e2e7ef}.light-mode{color:#020a37!important}.lights{background-color:#c3cee7}.cta-section{padding:3rem 1rem 8rem;text-align:center}.cta-section h2{font-size:2.5rem;margin:1rem;padding:0}.cta-section p{font-size:1.2rem;margin:2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem}.cta-btn{display:flex;justify-content:center;align-items:center;gap:10px;background:#673ab7;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;transition:background .3s ease}.cta-btn:hover{background:var(--accent-hover)}.cta-btn.secondary{background:#555;color:#fff}.cta-btn.secondary:hover{background:#333}.cta-btn.linkedin{background:#005bb5;color:#fff}.cta-btn.linkedin:hover{background:#005bb59a}.icon{height:24px;width:24px}.cta-section p{font-size:1.2rem;margin-bottom:2rem}.contact-form{max-width:500px;margin:2rem auto;text-align:left}.contact-form p{margin:0 0 1rem}.contact-form label{display:block;margin-bottom:.5rem;font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px}.contact-form .cta-btn{display:inline-block;background:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;border:none;cursor:pointer;transition:background .3s ease}.contact-form .cta-btn:hover{background:var(--accent-hover)}.hidden{display:none}@media (max-width: 768px){.cta-section{display:flex;flex-direction:column;align-items:center}.cta-buttons{flex-direction:column;max-width:100vw}.contact-form{margin:0;min-width:70vw}}.theme-toggle{position:fixed;top:1rem;right:3rem;cursor:pointer;z-index:1100;transform:rotate(90deg)}.toggle-switch{width:40px;height:21px;background-color:var(--toggle-background, #ddd);border-radius:15px;border:1px solid var(--h1-color);padding:2px;display:flex;align-items:center;justify-content:flex-start;transition:background-color .3s}.toggle-switch:hover{background-color:var(--toggle-hover, #bbb)}.toggle-thumb{width:20px;height:20px;background-color:var(--toggle-thumb-background, #fff);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.toggle-thumb svg{width:14px;height:14px;pointer-events:none}@media (max-width: 768px){.theme-toggle{top:1rem;right:-.1rem}.toggle-thumb{width:16px;height:16px}.toggle-switch{width:30px;height:16px}}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:1rem}.profile-card{border:1px solid #ccc;padding:1.2rem;text-align:center;border-radius:12px;background-color:#080a0d;transition:transform .3s,box-shadow .3s;font-size:1.3rem}.profile-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.profile-img{width:100px;height:100px;object-fit:contain;margin-bottom:1rem}.profile-btn{margin-top:1rem;padding:.6rem 1.2rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .3s}.profile-btn:hover{background-color:#0056b3}.coding-profiles-heading{text-align:center;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.dark-theme{color:#a8ff8c}.light-theme{color:#000}.light-themes{color:#000;border:1px solid black;background:#fff!important}body{height:100%;max-width:100vw;margin:0;overflow-y:scroll;overflow-x:clip;scroll-behavior:smooth;will-change:scroll-position}body::-webkit-scrollbar{width:4px;background:transparent}body::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.app{min-height:100vh;max-width:100vw;background-color:var(--bg-color);color:var(--text-color)}section{max-height:fit-content;text-align:center;padding:50px 100px;min-height:90vh}h1{font-family:Playfair Display,serif;color:#ffa600}h3{font-family:Playfair Display,serif;color:#a8ff8c}@media (max-width: 768px){section{padding:20px 25px}}