:root{--bg:#0f172a;--card:#1e293b;--text:#f8fafc;--muted:#cbd5e1;--accent:#38bdf8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:linear-gradient(#0b1120 0%,#111827 35%,#1e293b 70%,#334155 100%);font-family:Arial,sans-serif}section{min-height:100vh;padding:80px 10%}.navbar{z-index:1000;background:#080d18;justify-content:space-between;align-items:center;padding:20px 10%;display:flex;position:sticky;top:0}.logo{font-size:28px;font-weight:700}.logo span{color:var(--accent)}.nav-links{gap:25px;display:flex}.nav-links a{color:var(--text);font-size:16px;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.resume-btn{background:var(--accent);color:#0f172a;cursor:pointer;border:none;border-radius:6px;padding:10px 18px;font-size:16px;font-weight:700}.resume-btn:hover{opacity:.85}#home{align-items:center;min-height:calc(100vh - 85px);display:flex}.home-container{align-items:center;gap:100px;width:100%;display:flex}.home-photo{flex:0 0 350px;justify-content:center;display:flex}.home-photo img{object-fit:cover;object-position:center 30%;border:5px solid var(--accent);border-radius:50%;width:350px;height:350px;box-shadow:0 0 30px #38bdf840}.home-content{flex:1}.home-content>p:first-child{margin-bottom:10px;font-size:20px}.home-content h1{margin:10px 0;font-size:55px}.home-content h2{margin-bottom:20px;font-size:30px}.home-content p{max-width:650px;font-size:20px;line-height:1.6}.home-buttons{gap:15px;margin-top:30px;display:flex}.home-buttons button{cursor:pointer;background:var(--accent);color:#0f172a;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:700}.home-buttons button:hover{opacity:.85}.home-buttons a{background:var(--card);color:var(--accent);border-radius:6px;padding:12px 24px;text-decoration:none}#about{flex-direction:column;justify-content:center;display:flex}#about h2,#skills h2{margin-bottom:25px;font-size:40px}#about p{max-width:800px;margin-bottom:15px;font-size:18px;line-height:1.8}.education-card{background:var(--card);border:4px solid var(--accent);border-radius:12px;max-width:800px;margin-top:25px;padding:50px}.education-card h3{color:var(--accent);margin-bottom:15px;font-size:24px}.education-card h4{margin-bottom:10px;font-size:20px}.education-card p{margin-bottom:15px}.education-details{color:var(--muted);gap:30px;display:flex}#skills{flex-direction:column;justify-content:center;display:flex}#skills h2{margin-bottom:35px;font-size:40px}.skills-container{width:100%}.skills-container h3{color:var(--accent);margin-bottom:20px;font-size:24px}.skills-grid{grid-template-columns:repeat(7,1fr);gap:18px;margin-bottom:45px;display:grid}.skill-card{background:var(--card);border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:110px;transition:all .3s;display:flex}.skill-icon{color:var(--accent);font-size:38px}.skill-card span{text-align:center;font-size:16px;font-weight:700}.skill-card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 8px 25px #38bdf826}.tools-grid{grid-template-columns:repeat(4,180px)}.skill-card:first-child .skill-icon{color:#f89820}.skill-card:nth-child(2) .skill-icon,.skill-card:nth-child(3) .skill-icon{color:#6db33f}.skill-card:nth-child(4) .skill-icon{color:#f7df1e}.skill-card:nth-child(5) .skill-icon{color:#61dafb}.skill-card:nth-child(6) .skill-icon{color:#4479a1}.skill-card:nth-child(7) .skill-icon{color:#47a248}.skill-card:nth-child(8) .skill-icon{color:#e34f26}.skill-card:nth-child(9) .skill-icon{color:#1572b6}.skill-card:nth-child(10) .skill-icon{color:#38bdf8}.skill-card:nth-child(11) .skill-icon{color:#c71a36}.skill-card:nth-child(12) .skill-icon{color:#f0db4f}.skill-card:nth-child(13) .skill-icon{color:#a855f7}.skill-card:nth-child(14) .skill-icon{color:#6db33f}.tools-grid .skill-card:first-child .skill-icon{color:#ff7a00}.tools-grid .skill-card:nth-child(2) .skill-icon{color:#007acc}.tools-grid .skill-card:nth-child(3) .skill-icon{color:#f5f5f5}.tools-grid .skill-card:nth-child(4) .skill-icon{color:#ff6c37}.skill-card:hover .skill-icon{transform:scale(1.15)}.skill-icon{font-size:38px;transition:transform .3s}#projects{flex-direction:column;justify-content:center;display:flex}#projects h2{margin-bottom:30px;font-size:40px}.projects-container{flex-direction:column;gap:30px;display:flex}.project-card{background:var(--card);border-radius:12px;gap:30px;padding:25px;transition:transform .3s;display:flex}.project-card:hover{transform:translateY(-5px)}.project-image{object-fit:cover;border-radius:10px;width:280px;height:250px}.project-content{flex:1}.project-content h3{margin-bottom:15px;font-size:25px}.project-content p{margin-bottom:10px;font-size:17px;line-height:1.6}.loading-note{color:red;font-size:14px!important}.project-content a{background:var(--accent);color:#0f172a;border-radius:6px;margin-top:10px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-block}.project-content a:hover{opacity:.85}#experience{flex-direction:column;justify-content:center;display:flex}#experience>h2{margin-bottom:40px;font-size:40px}.experience-section h3,.certifications-section h3{color:var(--accent);margin-bottom:20px;font-size:25px}.internship-card{background:var(--card);border-left:4px solid var(--accent);border-radius:12px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:50px;padding:30px;transition:transform .3s,box-shadow .3s;display:flex}.internship-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000040}.internship-content{flex:1}.internship-content h4{margin-bottom:8px;font-size:25px}.company{color:var(--accent);margin-bottom:8px;font-size:20px;font-weight:700}.internship-duration{color:var(--muted);margin-bottom:15px;font-size:16px}.internship-description{max-width:800px;margin-bottom:20px;font-size:17px;line-height:1.6}.internship-tech{flex-wrap:wrap;gap:10px;display:flex}.internship-tech span{color:var(--accent);border:1px solid var(--accent);background:#38bdf81a;border-radius:20px;padding:7px 14px;font-size:14px;font-weight:700}.certificate-btn{background:var(--accent);color:#0f172a;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:12px 20px;font-size:15px;font-weight:700;transition:opacity .3s,transform .3s}.certificate-btn:hover{opacity:.85;transform:translateY(-2px)}.certifications-section{width:100%}.certificate-grid{grid-template-columns:repeat(2,1fr);gap:30px;max-width:1000px;display:grid}.certificate-card{background:var(--card);cursor:pointer;border:1px solid #0000;border-radius:12px;padding:15px;transition:transform .3s,border-color .3s,box-shadow .3s}.certificate-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 10px 30px #00000040}.certificate-card img{object-fit:contain;border-radius:8px;width:100%;height:280px;display:block}.certificate-overlay{z-index:3000;z-index:3000;inset:0;background:#000000d9;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.certificate-modal{background:#0f172a;border-radius:12px;justify-content:center;align-items:center;width:85%;height:90%;padding:20px;display:flex;position:relative;overflow:auto}.certificate-card img,.certificate-modal img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.certificate-modal img{object-fit:contain;max-width:100%;max-height:100%}.certificate-close{color:#fff;cursor:pointer;z-index:10;background:#ef4444;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;top:10px;right:15px}.certificate-close:hover{opacity:.85;transform:scale(1.05)}#contact{flex-direction:column;justify-content:center;min-height:80vh;display:flex}#contact>h2{margin-bottom:45px;font-size:40px}.contact-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.contact-intro{max-width:550px}.contact-intro h3{color:var(--accent);margin-bottom:20px;font-size:32px}.contact-intro p{color:var(--muted);font-size:18px;line-height:1.8}.contact-status{color:var(--text);align-items:center;gap:10px;margin-top:25px;font-weight:700;display:flex}.contact-status span{background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #22c55e}.contact-details{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-card{background:var(--card);color:var(--text);border:1px solid #0000;border-radius:12px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.contact-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 25px #00000040}.contact-icon{width:48px;min-width:48px;height:48px;color:var(--accent);background:#38bdf81f;border-radius:10px;justify-content:center;align-items:center;font-size:22px;display:flex}.contact-card span{color:var(--muted);margin-bottom:5px;font-size:14px;display:block}.contact-card p{word-break:break-word;font-size:15px;font-weight:700}.contact-footer{color:var(--muted);border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:70px;padding-top:20px;font-size:14px;display:flex}@media (width<=768px){#contact{min-height:auto;padding-top:70px;padding-bottom:50px}#contact>h2{margin-bottom:30px;font-size:32px}.contact-container{grid-template-columns:1fr;gap:40px}.contact-intro h3{font-size:27px}.contact-details{grid-template-columns:1fr}.contact-footer{flex-direction:column;gap:10px;margin-top:50px}#experience>h2{font-size:32px}.internship-card{flex-direction:column;align-items:flex-start;padding:25px}.certificate-btn{width:100%}.certificate-grid{grid-template-columns:1fr}.certificate-card img{height:230px}.certificate-modal{width:95%;height:85%;padding:10px}}#contact{flex-direction:column;justify-content:center;display:flex}#contact h2{margin-bottom:25px;font-size:40px}#contact p{margin-bottom:15px;font-size:18px}#contact a{width:fit-content;color:var(--accent);margin-bottom:12px;font-size:18px;text-decoration:none}.resume-overlay{z-index:2000;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.resume-modal{background:#fff;border-radius:10px;width:80%;height:90%;position:relative;overflow:hidden}.resume-modal iframe{border:none;width:100%;height:100%}.resume-close{color:#fff;cursor:pointer;z-index:10;background:#ef4444;border:none;border-radius:50%;width:35px;height:35px;font-size:20px;font-weight:700;position:absolute;top:10px;right:15px}.resume-close:hover{opacity:.8}@media (width<=768px){.navbar{flex-direction:column;gap:15px;padding:20px 5%}.nav-links{flex-wrap:wrap;justify-content:center;gap:15px}section{padding:60px 5%}#home h1{font-size:40px}#home h2{font-size:24px}#home p{font-size:17px}#projects>div{padding:20px}.resume-modal{width:95%;height:90%}.home-container{text-align:center;flex-direction:column;gap:40px}.home-photo{flex:none}.home-photo img{width:240px;height:240px}.home-content h1{font-size:40px}.home-content h2{font-size:24px}.home-buttons{flex-wrap:wrap;justify-content:center}.skills-grid,.tools-grid{grid-template-columns:repeat(2,1fr)}.project-card{flex-direction:column}.project-image{width:100%;height:220px}}.brand{align-items:center;gap:12px;display:flex}.brand-logo{background:var(--accent);color:#0f172a;border:2px solid #7dd3fc;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:700;display:flex}.brand-name{font-size:24px;font-weight:700}