@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.App{overflow-x:hidden}.Footer{background:#07071a;border-top:1px solid rgba(139,92,246,.15);padding:40px 7%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:Inter,sans-serif;flex-wrap:wrap}.footer h4{font-size:1.05rem;font-weight:700;background:linear-gradient(135deg,#c4b5fd,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.footer p{font-size:.8rem;color:#4e4a6a;font-weight:400}.social-links{display:flex;align-items:center;gap:14px}.social-links a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(139,92,246,.2);transition:transform .25s ease,background .25s ease,border-color .25s ease;background:#ffffff08}.social-links a:hover{transform:translateY(-3px)}.social-links a:nth-child(1){border-color:#e1306c59}.social-links a:nth-child(1):hover{background:#e1306c26;border-color:#e1306c}.social-links a:nth-child(2){border-color:#1da1f259}.social-links a:nth-child(2):hover{background:#1da1f226;border-color:#1da1f2}.social-links a:nth-child(3){border-color:#0a66c259}.social-links a:nth-child(3):hover{background:#0a66c226;border-color:#0a66c2}.social-links a:nth-child(4){border-color:#c8c8dc40}.social-links a:nth-child(4):hover{background:#c8c8dc1a;border-color:#c8c8dc99}.social-links img{width:20px;height:20px;object-fit:contain;filter:brightness(.75) saturate(.8);transition:filter .25s ease}.social-links a:hover img{filter:brightness(1.2) saturate(1.2)}*{margin:0;padding:0;box-sizing:border-box}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:68px;background:#29294dbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(139,92,246,.15);font-family:Inter,sans-serif}.navbar-texts strong{font-size:1.25rem;font-weight:700;color:#e2d9f3;letter-spacing:.5px;background:linear-gradient(135deg,#c4b5fd,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-items ul{list-style:none;display:flex;align-items:center;gap:8px}.nav-items ul li{cursor:pointer}.nav-items ul li a,.nav-items ul li span,.nav-items ul li .link{color:#a89bc8;text-decoration:none;font-size:.875rem;font-weight:500;padding:7px 14px;border-radius:8px;transition:color .25s ease,background .25s ease;display:inline-block;cursor:pointer}.nav-items ul li a:hover,.nav-items ul li:hover span,.nav-items ul li:hover .link{color:#c4b5fd;background:#8b5cf61f}.nav-items ul li.Resume a{color:#c4b5fd;border:1px solid rgba(139,92,246,.5);padding:7px 18px;border-radius:8px;font-weight:600;letter-spacing:.3px;transition:all .25s ease}.nav-items ul li.Resume a:hover{background:#8b5cf633;border-color:#8b5cf6;color:#ddd6fe}.header{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:100px 7% 60px;gap:60px;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(109,40,217,.18) 0%,transparent 70%),#07071a;font-family:Inter,sans-serif}.header-left{flex:1;max-width:620px}.header-left h1{font-size:.8rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#7c3aed;margin-bottom:20px}.header-left strong{display:block;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;color:#f1eeff;line-height:1.15;margin-bottom:6px}.header-left label{display:block;font-size:1.05rem;font-weight:400;color:#8b5cf6;letter-spacing:1.5px;margin-bottom:26px;cursor:default}.header-left p{font-size:.95rem;line-height:1.85;color:#9d9bb5;font-weight:400;max-width:560px}.header-right{flex-shrink:0;display:flex;align-items:center;justify-content:center}.profile-image{width:clamp(220px,26vw,320px);height:clamp(220px,26vw,320px);border-radius:50%;object-fit:cover;border:3px solid rgba(139,92,246,.4);outline:8px solid rgba(109,40,217,.1);transition:border-color .3s ease,outline-color .3s ease}.profile-image:hover{border-color:#8b5cf6cc;outline-color:#6d28d933}@media (max-width: 768px){.header{flex-direction:column-reverse;text-align:center;padding:100px 6% 60px}.header-left p{margin:0 auto}}.skills-list{background:#07071a;padding:80px 7% 24px;font-family:Inter,sans-serif;text-align:center}.skills-list strong{display:block;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;color:#f1eeff;letter-spacing:-.5px;position:relative;margin-bottom:14px}.skills-list strong:after{content:"";display:block;width:48px;height:3px;background:linear-gradient(90deg,#7c3aed,#818cf8);border-radius:2px;margin:14px auto 0}.quote{font-size:.95rem;color:#6d5fa0;font-style:italic;font-weight:400;margin-top:10px;letter-spacing:.2px}.quote2{font-size:.82rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#8b5cf699;margin-top:8px}.skills-container{background:#07071a;padding:20px 7% 90px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;font-family:Inter,sans-serif}.skill-tag{padding:9px 20px;border-radius:100px;font-size:.8rem;font-weight:600;letter-spacing:.5px;cursor:default;transition:transform .2s ease,box-shadow .2s ease;border:1px solid transparent}.skill-tag:hover{transform:translateY(-3px)}#html{background:#e54d261f;color:#f97316;border-color:#f973164d}#css{background:#3871cd1f;color:#60a5fa;border-color:#60a5fa4d}#javascript{background:#eab3081f;color:#fbbf24;border-color:#fbbf244d}#react{background:#22d3ee1a;color:#22d3ee;border-color:#22d3ee4d}#es6{background:#eab3081a;color:#f59e0b;border-color:#f59e0b4d}#mui{background:#1976d21f;color:#60a5fa;border-color:#60a5fa4d}#bootstrap{background:#8250ff1f;color:#a78bfa;border-color:#a78bfa4d}#tailwind{background:#06b6d41a;color:#38bdf8;border-color:#38bdf84d}#redux{background:#764abc1f;color:#c084fc;border-color:#c084fc4d}#git{background:#f0501e1a;color:#fb923c;border-color:#fb923c4d}#github{background:#b4b4c81a;color:#cbd5e1;border-color:#cbd5e140}#firebase{background:#ffa0001a;color:#fbbf24;border-color:#fbbf244d}#vs-code{background:#007acc1a;color:#60a5fa;border-color:#60a5fa40}#replit{background:#f66f541a;color:#fb923c;border-color:#fb923c40}#canva{background:#00c4cc1a;color:#2dd4bf;border-color:#2dd4bf4d}#java{background:#3776ab1f;color:#60a5fa;border-color:#60a5fa4d}#operating-system{background:#8b5cf61a;color:#c4b5fd;border-color:#c4b5fd4d}#computer-networks{background:#34d3991a;color:#34d399;border-color:#34d3994d}#dsa{background:#6464b41a;color:#818cf8;border-color:#818cf84d}#sdlc{background:#0059b31f;color:#7dd3fc;border-color:#7dd3fc4d}#sql{background:#d036a41a;color:#da4ac2;border-color:#dc3dd94d}.contact-page{background:#07071a;padding:80px 7%;min-height:100vh;display:flex;gap:60px;align-items:flex-start;font-family:Inter,sans-serif;flex-wrap:wrap}.contact{flex:1;min-width:280px}.contact h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;color:#f1eeff;margin-bottom:28px;letter-spacing:-.5px;position:relative}.contact h1:after{content:"";display:block;width:48px;height:3px;background:linear-gradient(90deg,#7c3aed,#818cf8);border-radius:2px;margin-top:14px}.contact-image{width:180px;height:180px;object-fit:cover;border-radius:16px;border:2px solid rgba(139,92,246,.3);margin-bottom:24px;display:block}.contact p{font-size:.93rem;line-height:1.9;color:#8a87a8}.contact p strong{color:#c4b5fd;font-weight:600}.contact-form{flex:1;min-width:300px}.contact-form form{display:flex;flex-direction:column;gap:16px}.contact-form label{display:block;font-size:.8rem;font-weight:600;color:#7c6fa0;letter-spacing:.8px;text-transform:uppercase;margin-bottom:-8px}.contact-form .form{width:100%;padding:13px 16px;background:#ffffff0a;border:1px solid rgba(139,92,246,.2);border-radius:10px;color:#e2d9f3;font-family:Inter,sans-serif;font-size:.9rem;outline:none;transition:border-color .25s ease,background .25s ease;resize:none}.contact-form .form::placeholder{color:#4e4a6a}.contact-form .form:focus{border-color:#8b5cf6b3;background:#8b5cf60f}.contact-form textarea.form{min-height:130px}.result-message{font-size:.82rem;color:#7c3aed;font-weight:500;min-height:18px}.contact-form button[type=submit]{width:100%;padding:14px;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#f5f3ff;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.5px;border:none;border-radius:10px;cursor:pointer;transition:opacity .25s ease,transform .2s ease}.contact-form button[type=submit]:hover{opacity:.88;transform:translateY(-2px)}.contact-form button[type=submit]:active{transform:translateY(0);opacity:1}.education{background:#07071a;padding:80px 7%;font-family:Inter,sans-serif;min-height:100vh}.education h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;color:#f1eeff;text-align:center;margin-bottom:60px;position:relative;letter-spacing:-.5px}.education h1:after{content:"";display:block;width:48px;height:3px;background:linear-gradient(90deg,#7c3aed,#818cf8);border-radius:2px;margin:14px auto 0}.education .MuiTimeline-root{padding:0;max-width:700px;margin:0 auto}.education .MuiTimelineContent-root{font-family:Inter,sans-serif!important;color:#9d9bb5;font-size:.9rem;line-height:1.65;padding:4px 16px 28px}.education .MuiTimelineContent-root strong{display:block;font-size:.95rem;font-weight:600;color:#ddd6fe;margin-bottom:3px}.education .MuiTimelineConnector-root{background:#8b5cf633!important;width:1.5px!important}.education .MuiTimelineDot-root{box-shadow:0 0 0 4px #8b5cf626!important;margin:6px 0!important}.Projects{background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(109,40,217,.12) 0%,transparent 65%),#07071a;padding:80px 7%;min-height:100vh;font-family:Inter,sans-serif}.Projects h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;color:#f1eeff;text-align:center;margin-bottom:60px;letter-spacing:-.5px;position:relative}.Projects h1:after{content:"";display:block;width:48px;height:3px;background:linear-gradient(90deg,#7c3aed,#818cf8);border-radius:2px;margin:14px auto 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.project-card{background:#ffffff08;border:1px solid rgba(139,92,246,.18);border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;gap:12px;transition:transform .28s ease,border-color .28s ease,background .28s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#7c3aed,#818cf8);opacity:0;transition:opacity .28s ease}.project-card:hover{transform:translateY(-6px);border-color:#8b5cf673;background:#8b5cf60f}.project-card:hover:before{opacity:1}.project-card h2{font-size:1rem;font-weight:600;color:#ddd6fe;line-height:1.4}.project-card p{font-size:.875rem;color:#7c78a0;line-height:1.7;flex:1}.project-card p strong{color:#6d5fa0;font-weight:500}.project-card a{display:inline-block;margin-top:6px;padding:9px 20px;font-size:.82rem;font-weight:600;letter-spacing:.4px;color:#c4b5fd;border:1px solid rgba(139,92,246,.4);border-radius:8px;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease;align-self:flex-start}.project-card a:hover{background:#8b5cf62e;border-color:#8b5cf6;color:#ede9fe}