@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Lora:wght@400;700&display=swap";html{height:100%}body{margin:0;padding:0;min-height:100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}:root{--background-color: #0d1117;--primary-color: #161b22;--text-color: #c9d1d9;--header-text-color: #ffffff;--highlight-color: #58a6ff;--secondary-highlight: #1f6feb;--card-background: #161b22;--border-color: #30363d;--font-heading: "Lora", serif;--font-body: "Roboto", sans-serif;--border-radius: 8px;--transition-speed: .3s ease}body.light-mode{--background-color: #f6f8fa;--primary-color: #ffffff;--text-color: #24292e;--header-text-color: #000000;--highlight-color: #0366d6;--secondary-highlight: #005cc5;--card-background: #ffffff;--border-color: #e1e4e8}body{margin:0;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-body);transition:background-color var(--transition-speed),color var(--transition-speed)}.background-logo{position:fixed;top:50%;left:50%;width:40vw;height:40vw;background-size:contain;background-repeat:no-repeat;transform:translate(-50%,-50%);opacity:.03;z-index:-1;animation:rotate-logo 40s linear infinite}@keyframes rotate-logo{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.container{max-width:1100px;margin:0 auto;padding:0 20px}.theme-toggle{background:none;border:1px solid var(--border-color);color:var(--highlight-color);font-size:1.5rem;padding:5px 10px;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed)}.theme-toggle:hover{background-color:var(--highlight-color);color:var(--primary-color);opacity:.8}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-color)}.header-logo{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--header-text-color)}.header-nav a{margin-left:25px;font-size:1.1rem;font-weight:700;color:var(--text-color);text-decoration:none;transition:color var(--transition-speed)}.header-nav a:hover{color:var(--highlight-color)}.home-section{display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 0}.home-profile-pic{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid var(--highlight-color);margin-bottom:2rem}.home-title{font-family:var(--font-heading);font-size:3.5rem;color:var(--header-text-color);margin-bottom:1rem}.home-title .highlight{color:var(--highlight-color)}.dynamic-text{display:inline-block;min-width:350px}.home-subtitle{font-size:1.2rem;max-width:600px;margin:0 auto 2rem}.skills-section{padding:80px 0;text-align:center}.skills-title{font-family:var(--font-heading);font-size:2.5rem;color:var(--header-text-color);margin-bottom:3rem}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;text-align:left;max-width:900px;margin:0 auto}.skill-category{background-color:var(--card-background);border:1px solid var(--border-color);padding:1.5rem;border-radius:var(--border-radius);transition:transform .2s ease-in-out}.skill-category:hover{transform:translateY(-5px)}.skill-category h3{font-family:var(--font-heading);color:var(--highlight-color);margin-top:0;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.skill-category ul{list-style-type:none;padding:0}.skill-category li{margin-bottom:.5rem}.contact-section{padding:80px 0;background-color:var(--card-background);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);text-align:center}.contact-title{font-family:var(--font-heading);font-size:2.5rem;color:var(--header-text-color);margin-bottom:1rem}.contact-intro{margin-bottom:2rem}.contact-form{max-width:600px;margin:2rem auto 0;text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group input,.form-group textarea{width:95%;padding:.8rem;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-size:1rem}.btn-submit{width:100%;padding:1rem;background-color:var(--highlight-color);border:none;border-radius:var(--border-radius);color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background-color var(--transition-speed)}.btn-submit:hover{background-color:var(--secondary-highlight);opacity:.8}.social-links a{margin:0 15px;color:var(--highlight-color);font-size:2rem;transition:opacity .2s ease-in-out}.social-links a:hover{opacity:.7}.footer{text-align:center;padding:2rem 0;border-top:1px solid var(--border-color);font-size:.9rem}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr}.home-title{font-size:2.5rem}.skills-title,.contact-title{font-size:2rem}.header-nav a{margin-left:15px;font-size:1rem}}@media (max-width: 480px){.header{flex-direction:column;gap:1rem}.home-profile-pic{width:150px;height:150px}.home-title{font-size:2rem}.dynamic-text{min-width:auto}.home-subtitle{font-size:1rem}.skills-grid{gap:1.5rem}}.about-me-section{max-width:700px;margin:4rem auto 0;text-align:center;border-top:1px solid var(--border-color);padding-top:2rem}.about-me-section h2{font-family:var(--font-heading);color:var(--header-text-color);font-size:2rem;margin-bottom:1rem}.about-me-section p{font-size:1.1rem;line-height:1.7}