*{margin:0;padding:0}.header{display:flex;justify-content:space-between;padding:1rem;background-color:#120d20;color:#fff;text-decoration:none;position:fixed;top:0;left:0;width:94.5%;z-index:100;background-color:transparent;box-shadow:none;border-bottom:none}.header h1{margin-left:3.5rem;animation:fadeSlideIn 1s ease;font-weight:700;letter-spacing:2px;background:linear-gradient(90deg,#2563eb 30%,#38bdf8 70%,#f59e42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}60%{opacity:.7;transform:translateY(10px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-links{display:flex;flex-direction:row;list-style:none;gap:2.5rem;justify-content:space-evenly;font-size:1rem;align-items:center}.nav-links li{position:relative;color:#fff;font-size:1rem;transition:color .2s;cursor:pointer;padding:.3rem .7rem;border-radius:6px}.nav-links a{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;transition:color .2s;padding:.3rem .7rem;border-radius:6px;position:relative;z-index:1}.nav-links a:hover,.nav-links li:hover{color:#2563eb;background:#38bdf814}.nav-links a:after{content:"";display:block;width:0%;height:2px;background:linear-gradient(90deg,#2563eb 40%,#f59e42);transition:width .3s;position:absolute;left:0;bottom:0;border-radius:2px}.nav-links a:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;width:33px;height:40px;z-index:101}.menu{display:flex;align-items:center;justify-content:center;height:40px;width:40px;font-size:2rem;color:#2563eb;background:#38bdf814;border-radius:50%;transition:background .2s,color .2s,transform .3s}.menu-toggle.open .menu{background:#2563eb;color:#fff;transform:rotate(90deg) scale(1.1)}.menu:hover{background:#2563eb;color:#fff}@media (max-width: 768px){.menu-toggle{display:flex}.nav-links{position:absolute;top:70px;left:0;right:0;background:#120d20;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0;display:none;z-index:99;border-radius:0 0 16px 16px;box-shadow:0 8px 32px #2563eb1a}.header h1{margin-left:auto;margin-right:1.5rem;text-align:right;font-size:1.1rem}.nav-links.show{display:flex}}.Hero-section{display:flex;align-items:center;justify-content:space-between;min-height:80vh;padding:2rem 5vw;background:repeating-linear-gradient(45deg,#081331,#040633 1000px)}.Hero{display:flex;flex-direction:column;gap:1.2rem;max-width:500px;color:#fff;font-size:2rem}.hello-inline{display:inline-flex;align-items:center}.blue-dot{color:#2563eb;font-size:2rem;font-weight:700;margin-left:2px;vertical-align:middle}.Hero-img img{width:350px;border-radius:3rem;box-shadow:0 8px 32px #3c3c7826;transition:transform .3s;margin-top:2rem;margin-left:1rem}.Hero-img img:hover{transform:scale(1.04) rotate(-2deg)}.resume-btn{background:linear-gradient(90deg,#2563eb 60%,#38bdf8);color:#fff;border:none;padding:.9rem 2.2rem;border-radius:.5rem;font-size:1rem;cursor:pointer;box-shadow:0 2px 8px #6366f126;transition:background .2s,transform .2s}.resume-btn a{color:inherit;text-decoration:none;font-weight:500;letter-spacing:1px}.resume-btn:hover{background:linear-gradient(90deg,#4338ca 60%,#2563eb);transform:scale(1.07) translateY(-2px);box-shadow:0 8px 24px #38bdf838}.resume-btn:after{content:"";position:absolute;left:0;top:0;width:0%;height:100%;background:#2563eb2e;transition:width .3s;border-radius:2rem;z-index:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.Hero>div,.resume-btn{animation:fadeInUp 1s ease}@media (max-width: 900px){.Hero-section{flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:70vh;padding:4rem 1rem;gap:2rem;background:repeating-linear-gradient(45deg,#081331,#040633 1000px)}.Hero{font-size:1.3rem;max-width:100%;align-items:flex-start;text-align:left}.Hero-img img{width:220px;margin-top:1rem;margin-left:0;align-self:flex-start}}@media (max-width: 600px){.Hero-section{padding:4rem 1rem;min-height:60vh;align-items:flex-start;background:repeating-linear-gradient(45deg,#081331,#040633 1000px)}.Hero{font-size:1rem;gap:.8rem;align-items:flex-start;text-align:left}.Hero-img img{width:120px;margin-top:.5rem;align-self:flex-start}.resume-btn{padding:.6rem .5rem;font-size:.9rem;align-self:flex-start}.hello-inline .blue-dot{font-size:1.2rem}}@media (max-width: 900px){.Hero>div,.resume-btn{animation:fadeInUp 1s ease}}@media (max-width: 600px){.Hero>div,.resume-btn{animation:fadeInUp 1s ease}}.About{background-color:#080329;justify-content:space-around;padding:3rem}.About-Me{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:2rem}.Me{color:#06c;justify-content:center;align-items:center;font-size:3rem}.para-me{color:#555;justify-content:center;padding:1rem;font-family:Arial,Helvetica,sans-serif}.About-Cards{display:flex;padding:1.5rem 1.1rem;text-align:center;gap:20px;max-width:1200px;margin:0 auto}.card{background:#120d20;color:#fff;border-radius:10px;padding:25px 5px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 16px #0003}.card-icon{font-size:2.5rem;color:#06c;margin-bottom:15px}.card h2{font-size:1.5rem;color:#06c;margin-bottom:10px}.card p{font-size:1rem;color:#555;line-height:1.5;padding-bottom:16px}@media (max-width: 900px){.About{padding:2rem .5rem}.About-Me{padding:1.2rem .5rem;flex-direction:column;align-items:flex-start;text-align:left}.Me{font-size:2.2rem;text-align:left}.para-me{font-size:1rem;padding:.5rem .6rem;text-align:left}.About-Cards{flex-direction:column;gap:18px;padding:1rem .5rem;max-width:100%;align-items:stretch}.card{padding:18px 8px;font-size:.98rem;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card-icon{font-size:2rem;margin-bottom:10px}.card h2{font-size:1.2rem;margin-bottom:8px}.card p{font-size:.95rem;padding-bottom:10px}.card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-6px) scale(1.02)}}@media (max-width: 600px){.About{padding:1rem .2rem}.About-Me{padding:.7rem .2rem}.Me{padding-left:.5rem;font-size:1.5rem}.About-Cards{gap:12px;padding:.5rem .2rem}.card{padding:12px 4px;font-size:.95rem;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card-icon{font-size:1.5rem;margin-bottom:8px}.card h2{font-size:1rem;margin-bottom:6px}.card p{font-size:.9rem;padding-bottom:6px}.card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-6px) scale(1.02)}}.Skills{background:linear-gradient(120deg,#0b0e29 70%,#000);padding:2.5rem 1.5rem;text-align:center}.Skills h2{font-size:2.4rem;margin-bottom:38px;color:#2563eb;font-weight:700;letter-spacing:2px;text-shadow:0 2px 8px rgba(37,99,235,.08)}.skill-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;max-width:1100px;margin:0 auto;color:#f0f8ff;padding-bottom:1.5rem}.skill-card{background:#2563eb12;border-radius:18px;padding:32px 22px;box-shadow:0 6px 24px #2563eb1a;transition:transform .25s,box-shadow .25s,border .25s;border:2px solid transparent;position:relative}.skill-card:hover{border:2px solid #38bdf8;box-shadow:0 8px 32px #38bdf82e;transform:translateY(-8px) scale(1.04);background:linear-gradient(90deg,#2563eb 10%,#38bdf8 90%);color:#fff}.skill-card:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:18px;background:linear-gradient(120deg,#38bdf814,#2563eb14);opacity:0;transition:opacity .3s;z-index:0}.skill-card:hover:after{opacity:1}.skill-card *{position:relative;z-index:1}@media (max-width: 900px){.Skills{padding:1.5rem .5rem}.Skills h2{font-size:2rem;margin-bottom:28px}.skill-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;padding-bottom:1rem}.skill-card{padding:18px 10px;font-size:1rem}}@media (max-width: 600px){.Skills{padding:1rem .2rem}.Skills h2{font-size:1.3rem;margin-bottom:18px}.skill-cards{grid-template-columns:1fr;gap:12px;padding-bottom:.5rem}.skill-card{padding:12px 6px;font-size:.95rem}}.form{background:linear-gradient(120deg,#0b0e29 70%,#000);padding:4rem}.contact-form{flex:1 1 320px;max-width:340px;background:linear-gradient(120deg,#0b0e29 70%,#2563eb);padding:1.5rem 1.2rem;box-shadow:0 6px 24px #2563eb1f;border-radius:16px;display:flex;flex-direction:column;gap:16px;margin:0 auto}.touch{text-align:center;color:#38bdf8;margin-bottom:.5rem}.touch h2{font-size:1.25rem;font-weight:700;letter-spacing:1px}.touch p{color:#cbd5e1;font-size:.95rem;margin-top:.3rem}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.form-group label{font-size:.98rem;color:#38bdf8;font-weight:500;letter-spacing:.5px}.form-group input,.form-group textarea{padding:8px 10px;border:1px solid #2563eb;border-radius:8px;font-size:.98rem;background:#181c2f;color:#f4f6f8;transition:border-color .2s,box-shadow .2s;resize:vertical;box-shadow:0 2px 8px #2563eb0d}.form-group input:focus,.form-group textarea:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf82e}.form-group textarea{min-height:60px;max-height:140px}.btn{background:linear-gradient(90deg,#2563eb 60%,#38bdf8);color:#fff;border:none;padding:10px 0;border-radius:2rem;font-size:1.05rem;font-weight:600;cursor:pointer;margin-top:6px;box-shadow:0 2px 8px #6366f11a;transition:background .2s,transform .2s,box-shadow .2s;letter-spacing:1px;position:relative;overflow:hidden;width:100%}.btn:hover{background:linear-gradient(90deg,#4338ca 60%,#2563eb);transform:scale(1.05) translateY(-2px);box-shadow:0 8px 24px #38bdf838}@media (max-width: 900px){.form{padding:2rem .5rem}.contact-form{max-width:95%;padding:1rem .5rem;border-radius:12px}.touch h2{font-size:1.1rem}.touch p{font-size:.9rem}.form-group label{font-size:.95rem}.form-group input,.form-group textarea{font-size:.95rem;padding:7px 8px}.btn{font-size:.98rem;padding:8px 0}}@media (max-width: 600px){.form{padding:1rem .2rem}.contact-form{padding:.7rem .2rem;border-radius:10px;gap:10px}.touch h2{font-size:.95rem}.touch p{font-size:.85rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{font-size:.9rem;padding:6px}.btn{font-size:.92rem;padding:7px 0}}.footer{display:flex;justify-content:space-evenly;background-color:#000;color:#f0f8ff;padding:6rem 0;gap:13.5rem}.heading{font-size:1.5rem;text-transform:uppercase;letter-spacing:1px}.container p{margin-top:.7rem;color:#a3a3a39f;font-size:1rem;line-height:1.7;letter-spacing:1px}.socials a{margin-top:.6srem;padding:.6rem;color:#fff;font-size:1rem}@media (max-width: 900px){.footer{flex-direction:column;align-items:flex-start;gap:2.5rem;padding:3rem 1rem}.container,.socials{width:100%;margin-bottom:1.5rem}.heading{font-size:1.2rem}.container p{font-size:.95rem}.socials a{font-size:1rem;padding:.5rem}}@media (max-width: 600px){.footer{padding:1.5rem .5rem;gap:1.2rem}.heading{font-size:1rem}.container p{color:#a3a3a39f;font-size:.85rem;line-height:1.5}.socials a{font-size:.7rem;padding:.3rem}}.social-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:.3rem;border-radius:23px;background:#ffffff08;color:#fff;font-size:1.1rem;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;text-decoration:none;box-shadow:0 2px 8px #00000040}.social-link:hover{transform:translateY(-6px);background:linear-gradient(90deg,#2563eb 20%,#38bdf8);box-shadow:0 10px 30px #2563eb2e;color:#fff}