@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#111!important}body{font-family:Inter,sans-serif;background-color:#111!important;color:#fdfdfd;line-height:1.6}a{color:#5e3eff;text-decoration:none;transition:.3s}a:hover{text-decoration:underline}.container{display:flex;flex-direction:column;min-height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#181818;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.logo{font-weight:700;font-size:1.3rem;color:#fdfdfd}.nav-links{display:flex;align-items:center}.nav-links a{margin-right:1.5rem;color:#fdfdfd;font-weight:500}.nav-links a:last-child{margin-right:0}.nav-links a:hover{color:#5e3eff}.header{display:flex;align-items:center;justify-content:flex-start;padding:2.5rem 3rem;gap:2.5rem;background-color:#181818;border-bottom:2px solid #222;box-shadow:0 2px 16px #6a4fff1a;max-width:900px;margin:2rem auto 0;border-radius:24px;transition:box-shadow .4s,transform .4s;animation:headerAppear 1.2s cubic-bezier(.23,1,.32,1) .2s both}.profile-pic{width:140px;height:140px;border-radius:50%;border:4px solid #6a4fff;object-fit:cover;box-shadow:0 4px 10px #0000001a}.header-info h1{font-size:2.8rem;margin:0;color:#fdfdfd}.header-info p{font-size:1.3rem;color:#aaa;margin-top:.5rem}.socials{margin-top:1rem;display:flex;gap:1.2rem}.socials a{color:#6a4fff;font-size:2rem;transition:all .3s ease}.socials a:hover{color:#5e3eff;transform:scale(1.1)}main.grid{display:flex;flex-direction:column;gap:2rem;padding:2rem 1.5rem;max-width:900px;margin:0 auto}main section{background-color:#181818;color:#fdfdfd;padding:2rem;border-radius:16px;box-shadow:0 2px 8px #6a4fff1a,0 8px 32px #0000002e,0 1.5px 6px #5e3eff14;opacity:0;transform:translateY(60px);transition:all .4s ease;margin:2rem 0}main section:hover{transform:translateY(-4px)}@keyframes modernSlideFade{0%{opacity:0;transform:translateY(60px) scale(.96) rotateX(12deg);filter:blur(12px)}40%{opacity:.6;transform:translateY(-10px) scale(1.03) rotateX(-3deg);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:blur(0)}}main section.slide-in-right{animation:modernSlideFade 1s cubic-bezier(.23,1,.32,1) forwards}section h2{font-size:1.8rem;color:#fdfdfd;border-bottom:2px solid #6a4fff;padding-bottom:.4rem;margin-bottom:1.2rem}.skills-list{display:flex;flex-wrap:wrap;list-style:none;gap:.7rem;padding:0}.skills-list li{background-color:#222;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#fdfdfd}button{margin:1rem auto 0;display:block;padding:8px 16px;background-color:#6a4fff;color:#fff;font-size:.95rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}button:hover{background-color:#5e3eff}footer{background-color:#181818;color:#aaa;padding:2rem;text-align:center;border-top:1px solid #222;margin-top:auto}footer a{color:#aaa}footer a:hover{color:#fff}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.container,.header,main.grid{max-width:98vw;padding-left:1vw;padding-right:1vw}}@media (min-width: 769px){.nav-links{display:flex!important;flex-direction:row;align-items:center;position:static;width:auto;background:transparent;box-shadow:none;padding:0;gap:1.5rem}.nav-links a{font-size:1rem;font-weight:500;padding:0;background:none;color:#fdfdfd;margin:0 .8rem}.nav-links a:hover{color:#5e3eff;background:none}.menu-toggle{display:none!important}}@media (max-width: 768px){.navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;position:relative;background:#181818;box-shadow:0 2px 8px #0000001f}.logo{font-size:1.2rem;font-weight:700;color:#fdfdfd;margin-right:auto;letter-spacing:.5px}.menu-toggle{display:block;margin-left:auto;background:none;border:none;color:#fdfdfd;font-size:2.2rem;cursor:pointer;z-index:101;padding:.2rem .6rem;transition:color .2s}.menu-toggle:active,.menu-toggle:focus{color:#5e3eff}.nav-links{display:none;flex-direction:column;width:90vw;max-width:420px;background:#181818;position:absolute;top:100%;right:10px;box-shadow:0 8px 32px #6a4fff2e,0 2px 8px #0000001f;border-radius:0 0 24px 24px;z-index:999;padding:2rem 1.2rem 1.5rem;animation:dropdownFade .12s ease;border:none;justify-content:flex-start;align-items:flex-end;gap:.5rem}.nav-links.open{display:flex}.nav-links a{margin:.7rem 0;color:#fdfdfd;font-weight:700;font-size:1.3rem;padding:.9rem 1.2rem;border-radius:10px;transition:background .2s,color .2s;text-align:right;width:100%;align-self:flex-end;letter-spacing:.5px}.nav-links a:hover{background:#5e3eff;color:#fff}.header{flex-direction:column;gap:1.2rem;padding:1.2rem .7rem;margin:1.2rem auto 0;max-width:98vw;border-radius:18px}.profile-pic{width:100px;height:100px;border-width:3px}.header-info h1{font-size:2rem}.header-info p{font-size:1.1rem}main.grid{gap:1.2rem;padding:1.2rem .7rem;max-width:98vw}main section{padding:1.2rem;margin:1.2rem 0;border-radius:12px}section h2{font-size:1.3rem;padding-bottom:.2rem;margin-bottom:.7rem}.skills-list li{font-size:.85rem;padding:.4rem .8rem;border-radius:16px}button{font-size:.95rem;padding:7px 14px;border-radius:5px}footer{padding:1.2rem .5rem;font-size:.95rem}}@media (max-width: 480px){.navbar{padding:.7rem .3rem}.nav-links{width:98vw;max-width:98vw;right:1vw;padding:1.2rem .5rem 1rem;border-radius:0 0 16px 16px}.nav-links a{font-size:1.1rem;padding:.7rem}.header{padding:.7rem .2rem;border-radius:10px}main.grid{padding:.7rem .2rem}main section{padding:.7rem;border-radius:8px}section h2{font-size:1.1rem}.skills-list li{font-size:.75rem;padding:.3rem .5rem;border-radius:12px}button{font-size:.85rem;padding:6px 10px;border-radius:4px}footer{padding:.7rem .2rem;font-size:.85rem}}