body{background-color:#0d1117;color:#e6edf3;font-family:Fira Code,Roboto Mono,monospace;overflow-x:hidden}.home-section{min-height:calc(100vh - var(--navbar-height, 60px) - var(--footer-height, 60px));display:flex;justify-content:center;align-items:center;padding:40px 20px;position:relative;overflow:hidden;background-color:#0d1117}.home-content-container{display:flex;align-items:center;gap:70px;max-width:1400px;width:100%;padding:30px;z-index:1}.home-text-content{flex-grow:1;text-align:left}.home-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,#1a222e 1px,transparent 1px),linear-gradient(to bottom,#1a222e 1px,transparent 1px);background-size:25px 25px;opacity:.1;z-index:0}.hero-image{width:300px;height:300px;border-radius:50%;object-fit:cover;flex-shrink:0;border:5px solid #00f0ff;box-shadow:0 0 20px #00f0ffb3,0 0 40px #00f0ff80;transition:all .3s ease-in-out;z-index:1}.hero-image:hover{transform:scale(1.02);box-shadow:0 0 25px #00f0ffe6,0 0 50px #00f0ffb3}.hero-greeting{font-size:3.5em;font-weight:700;color:#00f0ff;text-shadow:0 0 12px rgba(0,240,255,.8);margin-bottom:15px;letter-spacing:3px;white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:middle}.blinking-caret{border-right:.15em solid #00f0ff;animation:blink-caret .75s step-end infinite;display:inline-block;vertical-align:middle;height:1em;margin-left:5px}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#00f0ff}}.hero-intro{font-size:1.3em;color:#8be9fd;margin-top:20px;max-width:900px;line-height:1.7}.cta-buttons{margin-top:50px;display:flex;gap:25px;flex-wrap:wrap;justify-content:flex-start}.cta-button{padding:15px 35px;border-radius:10px;text-decoration:none;font-weight:600;font-size:1.2em;transition:all .3s ease-in-out;letter-spacing:.8px;cursor:pointer}.cta-button-primary{background-color:#3f51b5;color:#fff;box-shadow:0 0 12px #3f51b599;border:2px solid transparent}.cta-button-primary:hover{background-color:#4a5dc7;box-shadow:0 0 20px #3f51b5e6,0 0 30px #3f51b5b3;transform:translateY(-5px)}.cta-button-secondary{background-color:transparent;color:#00f0ff;border:2px solid #00f0ff;box-shadow:0 0 12px #00f0ff80}.cta-button-secondary:hover{background-color:#00f0ff26;box-shadow:0 0 20px #00f0ffcc,0 0 30px #00f0ff99;transform:translateY(-5px)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0d1117}::-webkit-scrollbar-thumb{background:#3f51b5;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00f0ff}@media (max-width: 1200px){.home-content-container{gap:50px;padding:20px}.hero-image{width:250px;height:250px}.hero-greeting{font-size:3.8em;white-space:normal;overflow-wrap:break-word;word-break:break-word}.hero-intro{font-size:1.4em}.cta-button{font-size:1.1em;padding:12px 30px}}@media (max-width: 992px){.home-content-container{flex-direction:column;text-align:center;gap:40px}.hero-image{margin-bottom:0;width:200px;height:200px}.home-text-content{text-align:center;width:100%;max-width:600px;margin:0 auto}.cta-buttons{justify-content:center}.hero-greeting{font-size:3em;white-space:normal;overflow-wrap:break-word;word-break:break-word}.hero-intro{font-size:1.3em}}@media (max-width: 768px){.hero-greeting{font-size:2.5em;letter-spacing:1px;white-space:normal;overflow-wrap:break-word;word-break:break-word}.hero-intro{font-size:1.1em}.cta-button{width:65%;max-width:300px}}@media (max-width: 480px){.hero-greeting{font-size:2em;white-space:normal;overflow-wrap:break-word;word-break:break-word}.hero-intro{font-size:.95em}.home-section{padding:20px 15px}.hero-image{width:150px;height:150px}}.experience-section{min-height:60vh;padding:40px 20px 60px;background-color:#0d1117;color:#fff;border:none}.experience-heading{text-align:center;font-size:2.8rem;margin-bottom:40px;color:#00d9ff;font-weight:600;font-family:Brush Script MT,Lucida Handwriting,cursive;letter-spacing:3px;font-style:italic}.loading-text,.no-experience-text{text-align:center;font-size:1.2rem;color:#888;margin-top:50px}.timeline-container{position:relative;max-width:1400px;margin:0 auto;padding:10px;min-height:400px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:80px}.timeline-line{position:absolute;top:50%;left:60px;right:60px;height:2px;background:linear-gradient(90deg,#00d9ff,#7b2ff7);transform:translateY(-50%);z-index:1;pointer-events:none}.timeline-events{position:absolute;top:50%;left:60px;right:60px;transform:translateY(-50%);display:flex;justify-content:flex-start;align-items:center;z-index:4;pointer-events:none}.timeline-event{position:absolute;display:flex;align-items:center;pointer-events:auto}.timeline-event[data-event-index="0"]{left:0}.timeline-event[data-event-index="1"]{left:calc((100% / var(--total-jobs)) * 1)}.timeline-event[data-event-index="2"]{left:calc((100% / var(--total-jobs)) * 2)}.timeline-event[data-event-index="3"]{left:calc((100% / var(--total-jobs)) * 3)}.timeline-cards{position:relative;display:contents;z-index:2}.timeline-item{position:relative;display:flex;flex-direction:column;align-items:center;z-index:2;flex:1}.timeline-item:nth-child(1){order:0}.timeline-item:nth-child(2){order:1}.timeline-item:nth-child(3){order:2}.timeline-item:nth-child(4){order:3}.timeline-item-top{flex-direction:column-reverse;padding-bottom:10px;justify-content:flex-end}.timeline-item-bottom{flex-direction:column;padding-top:10px;justify-content:flex-start}.timeline-dot{width:14px;height:14px;background:#00d9ff;border:3px solid #0a0e27;border-radius:50%;position:relative;z-index:4;transition:all .3s ease;box-shadow:0 0 15px #00d9ff99;flex-shrink:0}.timeline-dot:hover{transform:scale(1.3);box-shadow:0 0 25px #00d9ffe6}.timeline-dot-career-start{background:#0f8;box-shadow:0 0 15px #0f89;width:16px;height:16px}.timeline-dot-career-start:hover{box-shadow:0 0 25px #00ff88e6}.career-start-ring{position:absolute;width:30px;height:30px;border:2px solid #00ff88;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:career-start-ring 2s infinite}@keyframes career-start-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.timeline-dot-transition{background:#00d9ff;box-shadow:0 0 15px #00d9ff99}.timeline-dot-present{background:#7b2ff7;width:16px;height:16px;box-shadow:0 0 25px #7b2ff7cc;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 25px #7b2ff7cc}50%{box-shadow:0 0 40px #7b2ff7}}.pulse-ring{position:absolute;width:30px;height:30px;border:2px solid #7b2ff7;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.timeline-connector{width:2px;height:80px;background:linear-gradient(180deg,#00d9ff33,#00d9ff);z-index:3;flex-shrink:0}.timeline-item-top .timeline-connector{background:linear-gradient(180deg,#00d9ff,#00d9ff33)}.timeline-date{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:.7rem;color:#00d9ff;font-weight:600;text-align:center;white-space:nowrap;margin-top:12px;letter-spacing:.3px;opacity:.9}.timeline-date-career-start{color:#0f8;font-size:.7rem;font-weight:600}.timeline-date-transition{color:#00d9ff;font-size:.7rem}.timeline-date-present{color:#7b2ff7;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.timeline-label{display:block;font-size:.55rem;color:inherit;font-weight:500;text-align:center;margin-top:3px;opacity:.65;text-transform:uppercase;letter-spacing:.5px}.experience-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.3);border-radius:10px;padding:14px 16px;width:100%;max-width:220px;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.experience-card:hover{transform:translateY(-5px);border-color:#00d9ff;box-shadow:0 8px 30px #00d9ff66}.experience-job-title{font-size:1rem;font-weight:700;color:#00d9ff;margin-bottom:5px;line-height:1.2}.experience-company{font-size:.85rem;font-weight:500;color:#fff;margin-bottom:6px;line-height:1.2}.experience-duration{font-size:.7rem;color:#aaa;margin-bottom:8px;font-style:italic;line-height:1.2}.experience-description{font-size:.75rem;line-height:1.4;color:#ddd;margin-top:6px}@media (max-width: 768px){.experience-heading{font-size:2rem;margin-bottom:40px}.experience-section{padding:40px 10px 60px;overflow-x:hidden}.timeline-container{display:flex;flex-direction:column;padding:0 10px;min-height:auto;position:relative;gap:0;overflow-x:hidden}.timeline-line{position:absolute;top:0;bottom:0;left:25px;right:auto;width:2px;height:100%;transform:none;background:linear-gradient(180deg,#00d9ff,#7b2ff7)}.timeline-events{display:none}.timeline-cards{display:flex;flex-direction:column;gap:50px;padding:0;position:relative;width:100%}.timeline-item{position:relative;display:flex;flex-direction:row;align-items:flex-start;width:100%;margin:0;padding:0 0 0 60px;box-sizing:border-box}.timeline-item:before{content:"";position:absolute;left:18px;top:8px;width:14px;height:14px;background:#00d9ff;border:3px solid #0d1117;border-radius:50%;z-index:4;box-shadow:0 0 15px #00d9ff99}.timeline-item:first-child:before{background:#0f8;box-shadow:0 0 15px #0f89;width:16px;height:16px;left:17px}.timeline-item:last-child:before{background:#7b2ff7;width:16px;height:16px;left:17px;box-shadow:0 0 25px #7b2ff7cc;animation:pulse 2s infinite}.timeline-item:after{content:"";position:absolute;left:32px;top:14px;width:28px;height:2px;background:linear-gradient(90deg,#00d9ff,#00d9ff33);z-index:3}.timeline-item-top,.timeline-item-bottom{flex-direction:row;margin:0;padding:0 0 0 60px}.timeline-connector{display:none}.experience-card{margin-left:0;max-width:100%;width:100%;padding:10px 12px;box-sizing:border-box}.experience-job-title{font-size:.85rem}.experience-company{font-size:.7rem}.experience-duration{font-size:.58rem}.experience-description{font-size:.62rem}}.about-section{padding:30px 0;background-color:#0b0f2a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e0e0e0;text-align:center;width:100%;box-sizing:border-box}.loading-text,.error-text,.no-content-text{font-size:1em;color:#00c7e2;text-align:center;padding:20px;font-weight:700}.about-content-container{display:flex;flex-direction:column;align-items:center;max-width:1700px;width:90%;margin:0 auto 40px;background-color:#1a1e36;border-radius:15px;box-shadow:0 8px 30px #00c7e233;overflow:hidden;padding:30px 20px;text-align:left;border:1px solid rgba(0,199,226,.3);box-sizing:border-box}.about-image{width:100%;max-width:300px;height:auto;border-radius:10px;margin-bottom:25px;object-fit:cover;border:3px solid #00c7e2;box-shadow:0 0 20px #00c7e280}.about-text-content{flex-grow:1}.about-title{font-size:2em;color:#00c7e2;margin-bottom:10px;font-weight:700;text-shadow:0 0 10px rgba(0,199,226,.7)}.about-description{font-size:1em;line-height:1.6;color:#b0b0b0;margin-bottom:20px;white-space:pre-wrap}@media (min-width: 992px){.about-content-container{flex-direction:row;justify-content:center;gap:40px;padding:30px 40px;margin-bottom:20px;height:50%;max-height:400px;width:95%}.about-image{flex-shrink:0;width:35%;max-width:350px;margin-bottom:0}.about-text-content{width:60%}.about-title{font-size:1.8em;margin-bottom:10px}.about-description{font-size:1em;line-height:1.5}}@media (min-width: 1400px){.about-section{padding:40px 0}.about-content-container{max-width:1400px;padding:20px;margin-bottom:20px}.about-title{font-size:2.2em}.about-description{font-size:1.2em}}@media (max-width: 768px){.about-content-container{padding:25px 15px;margin-bottom:20px}.about-image{max-width:250px;margin-bottom:20px}.about-title{font-size:1.8em}.about-description{font-size:.95em;line-height:1.5}}@media (max-width: 480px){.about-content-container{width:95%;padding:20px 10px;margin-bottom:20px}.about-image{max-width:200px}.about-title{font-size:1.6em}.about-description{font-size:.9em}}.projects-section{padding:10px 20px;background-color:#0d1117;color:#e6edf3;font-family:Fira Code,Roboto Mono,monospace;min-height:calc(100vh - var(--navbar-height, 60px) - var(--footer-height, 60px));display:flex;flex-direction:column;align-items:center;max-width:100vw;overflow-x:hidden;position:relative}.projects-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,#1a222e 1px,transparent 1px),linear-gradient(to bottom,#1a222e 1px,transparent 1px);background-size:25px 25px;opacity:.15;z-index:0}.projects-heading{font-size:2em;font-weight:600;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.7);margin-bottom:20px;letter-spacing:2px;text-align:center;z-index:1;position:relative}.projects-list{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;width:100%;max-width:1250px;z-index:1}.project-item{background-color:#1e263a;border:1px solid #3f51b5;border-radius:10px;padding:20px;display:flex;align-items:center;gap:20px;box-shadow:0 5px 10px #0006,0 0 10px #3f51b54d;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;flex:1 1 500px;width:600px}.project-item:hover{box-shadow:0 8px 15px #0009,0 0 20px #00f0ff80}.project-image{width:90px;height:90px;border-radius:5px;object-fit:cover;flex-shrink:0;border:2px solid #00f0ff;box-shadow:0 0 8px #00f0ff66}.project-details{flex-grow:1;display:flex;flex-direction:column;gap:5px;text-align:left}.project-title{font-size:1.4em;font-weight:600;color:#8be9fd;margin:0}.project-description{font-size:1em;color:#e6edf3;line-height:1.5;margin:0}.project-link-button{display:inline-block;margin-top:10px;padding:6px 14px;background-color:#3f51b5;color:#fff;width:150px;text-decoration:none;border-radius:5px;font-weight:500;font-size:.85em;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;border:none;box-shadow:0 2px 8px #3f51b566}.project-link-button .project-link-button{z-index:1;position:relative}.project-link-button:hover{background-color:#4a5dc7;transform:translateY(-2px);box-shadow:0 4px 10px #3f51b599,0 0 15px #00f0ff4d}.no-projects-message{font-size:1em;color:#8be9fd;text-align:center;margin-top:50px;z-index:1}@media (max-width: 1024px){.project-item{flex:1 1 100%;width:100%}}@media (max-width: 992px){.projects-heading{font-size:2.5em;margin-bottom:40px}.projects-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.project-image{height:180px}.project-details{padding:18px}.project-title{font-size:1.6em}.project-description{font-size:.9em}.project-link-button{padding:10px 20px;font-size:.95em}}@media (max-width: 768px){.projects-section{padding:calc(var(--navbar-height) + 30px) 15px 30px}.projects-heading{font-size:2em;margin-bottom:20px;margin-top:-50px}.projects-list{grid-template-columns:1fr;gap:20px}.project-item{flex-direction:row;align-items:center;padding:15px;gap:15px}.project-image{width:100px;height:100px;border-radius:8px;object-fit:cover;border-bottom:none}.project-details{padding:0;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.project-title{font-size:1.4em;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-description{font-size:.85em;margin-bottom:10px;max-height:400px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.project-link-button{padding:8px 15px;font-size:.85em;align-self:flex-start;margin-top:0}.no-projects-message{padding:30px;font-size:1em}}@media (max-width: 480px){.projects-section{padding:calc(var(--navbar-height) + 20px) 10px 20px}.projects-heading{font-size:1.2em;margin-bottom:20px;margin-top:-50px}.project-item{flex-direction:column;align-items:center;padding:15px;text-align:center}.project-image{width:100px;height:100px;margin-bottom:15px;border-radius:8px}.project-details{width:100%;align-items:center;padding:0}.project-title{font-size:1em;white-space:normal;overflow:visible;text-overflow:clip}.project-description{font-size:.5em;max-height:none;margin-bottom:15px}.project-link-button{width:30%;font-size:.5em;align-self:center}}.skills-section{padding:60px 20px;background-color:#0d1117;color:#e6edf3;font-family:Fira Code,Roboto Mono,monospace;min-height:calc(100vh - var(--navbar-height, 60px) - var(--footer-height, 60px));display:flex;flex-direction:column;align-items:center;max-width:100vw;overflow-x:hidden;position:relative;box-sizing:border-box}.skills-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,#1a222e 1px,transparent 1px),linear-gradient(to bottom,#1a222e 1px,transparent 1px);background-size:25px 25px;opacity:.15;z-index:0}.skills-heading{font-size:2em;font-weight:700;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.7);margin-bottom:20px;margin-top:-10px;letter-spacing:2px;text-align:center;z-index:1;position:relative}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px;width:100%;max-width:1400px;z-index:1;padding:0 20px;box-sizing:border-box}.skill-badge{background-color:#1e263a;border:1px solid #3f51b5;border-radius:10px;padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 12px #0006,0 0 12px #3f51b54d;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:default;height:200px}.skill-badge:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 6px 18px #0009,0 0 25px #00f0ff80;border-color:#00f0ff}.skill-badge-image{width:80px;height:80px;object-fit:contain;margin-bottom:1px;border-radius:50%;box-shadow:0 0 6px #00f0ff80;transition:box-shadow .3s ease}.skill-badge:hover .skill-badge-image{box-shadow:0 0 12px #00f0ffcc}.skill-badge-name{font-size:1.4em;font-weight:600;color:#00f0ff;margin-bottom:6px;text-shadow:0 0 4px rgba(0,240,255,.5)}.skill-badge-description{font-size:.9em;color:#e6edf3;line-height:1.4;margin-bottom:0;max-width:180px}.no-skills-message{font-size:1.2em;color:#8be9fd;text-align:center;margin-top:50px;z-index:1}@media (min-width: 1200px){.skills-grid{grid-template-columns:repeat(5,1fr);max-width:1400px}}@media (max-width: 1199px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:1000px;gap:20px}.skill-badge{padding:15px;height:180px}.skill-badge-image{width:55px;height:55px}.skill-badge-name{font-size:1.2em;word-break:break-word;text-align:center}.skill-badge-description{font-size:.85em}}@media (max-width: 992px){.skills-heading{font-size:2em;margin-bottom:20px;margin-top:-40px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-width:700px;gap:20px}.skill-badge-image{width:60px;height:60px}.skill-badge-name{font-size:1.5em;word-break:break-word;text-align:center}.skill-badge-description{font-size:.9em}}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-width:100%;gap:15px;padding:0 10px}.skill-badge{padding:12px;width:100%;max-width:100%;box-sizing:border-box}.skill-badge-image{width:45px;height:45px}.skill-badge-name{font-size:1.1em;word-break:break-word;text-align:center}.skill-badge-description{font-size:.85em}}@media (max-width: 480px){.skills-heading{font-size:1.5em;margin-top:-10px}.skills-section{padding:40px 10px}.skills-grid{display:flex;flex-direction:column;align-items:center}.skill-badge{width:200px;margin-bottom:15px;padding:12px}.skill-badge-image{width:40px;height:40px}.skill-badge-name{font-size:1.1em;word-break:break-word;text-align:center}.skill-badge-description{font-size:.75em}}:root{--color-dark-bg: #0d1117;--color-medium-dark-bg: #1a222e;--color-light-text: #e6edf3;--color-muted-text: #b1c5d9;--color-cyan-primary: #00f0ff;--color-cyan-light: #8be9fd;--color-cyan-hover: #00d9e8;--color-input-border: #3f51b5;--color-placeholder: #6a737d;--font-code: "Fira Code", "Roboto Mono", monospace;--navbar-height: 60px;--footer-height: 60px}.contact-section{background-color:var(--color-dark-bg);color:var(--color-light-text);font-family:var(--font-code);min-height:calc(100vh - var(--navbar-height) - var(--footer-height));padding:60px 20px;width:100%;overflow-x:hidden;position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,#1a222e 1px,transparent 1px),linear-gradient(to bottom,#1a222e 1px,transparent 1px);background-size:25px 25px;opacity:.15;z-index:0}.contact-container{display:flex;flex-wrap:wrap;gap:40px;max-width:1200px;width:100%;background-color:var(--color-medium-dark-bg);border-radius:12px;box-shadow:0 5px 20px #00000080,0 0 15px #00f0ff33;padding:40px;z-index:1;box-sizing:border-box}.contact-info{flex:1;min-width:300px;padding-right:20px;color:var(--color-light-text)}.contact-info h2{font-size:3em;font-weight:700;color:var(--color-cyan-primary);text-shadow:0 0 8px rgba(0,240,255,.6);margin-bottom:25px;letter-spacing:1.5px}.contact-info .contact-description{font-size:1.1em;line-height:1.6;margin-bottom:30px;color:var(--color-muted-text)}.contact-info p{font-size:1.05em;margin-bottom:15px;display:flex;align-items:flex-start;color:var(--color-light-text)}.contact-info p strong{color:var(--color-cyan-light);margin-right:10px;min-width:70px}.contact-form{flex:2;min-width:300px;display:flex;flex-direction:column;gap:20px}.contact-form .form-row{display:flex;gap:20px}.contact-form .form-row input{flex:1}.contact-form input,.contact-form textarea{width:100%;padding:15px;border:1px solid var(--color-input-border);border-radius:8px;background-color:var(--color-dark-bg);color:var(--color-light-text);font-family:var(--font-code);font-size:1em;outline:none;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--color-placeholder)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-cyan-primary);box-shadow:0 0 8px #00f0ff80}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{padding:15px 30px;background-color:var(--color-cyan-primary);color:var(--color-dark-bg);border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;letter-spacing:1px;text-transform:uppercase;align-self:flex-start;box-shadow:0 3px 10px #0000004d}.contact-form button:hover{background-color:var(--color-cyan-hover);transform:translateY(-2px);box-shadow:0 5px 15px #00f0ff66}@media (max-width: 991px){.contact-container{flex-direction:column;padding:30px;gap:30px}.contact-info{padding-right:0;text-align:center;min-width:auto}.contact-info h2{font-size:2.5em;margin-bottom:20px}.contact-info .contact-description{margin-bottom:25px}.contact-info p{justify-content:center;align-items:center}.contact-form{min-width:auto}.contact-form button{align-self:center}}@media (max-width: 767px){.contact-section{padding:40px 15px}.contact-container{padding:25px;gap:25px}.contact-info h2{font-size:2em}.contact-info .contact-description{font-size:1em;margin-right:20px}.contact-form .form-row{flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{padding:12px;font-size:.95em;width:250px}.contact-form button{padding:12px;font-size:.95em;margin-left:-20px}.contact-form textarea{min-height:100px}}@media (max-width: 480px){.contact-container{padding:20px;gap:20px}.contact-info h2{font-size:1.8em;margin-left:-20px}.contact-info p{font-size:.95em;margin-right:-5px}.contact-info p strong{min-width:unset;margin-right:5px}}:root{--bg-dark: #0d1117;--text-light: #e6edf3;--primary-cyan: #00f0ff;--secondary-cyan: #8be9fd;--primary-purple: #bd93f9;--card-bg: #1e263a;--card-border-default: #3f51b5;--card-border-hover: #00f0ff;--grid-line-color: #1a222e;--gap-large: 40px;--gap-medium: 25px;--gap-small: 15px;--font-primary: "Fira Code", "Roboto Mono", monospace;--navbar-height: 60px;--footer-height: 60px}.certificates-page-container{background-color:var(--bg-dark);color:var(--text-light);font-family:var(--font-primary);min-height:calc(100vh - var(--navbar-height, 60px) - var(--footer-height, 60px));padding:calc(var(--navbar-height, 60px) + var(--gap-large)) var(--gap-medium) var(--gap-large);max-width:100vw;overflow-x:hidden;position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--gap-large)}.certificates-page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,var(--grid-line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-color) 1px,transparent 1px);background-size:var(--gap-medium) var(--gap-medium);opacity:.15;z-index:0}.certificates-main-heading{font-size:2em;font-weight:700;color:var(--primary-cyan);text-shadow:0 0 15px rgba(0,240,255,.8);text-align:center;letter-spacing:3px;z-index:1;position:relative;margin-top:-60px;margin-bottom:-50px}.certificate-section{width:100%;max-width:1500px;margin-bottom:var(--gap-large);z-index:1;position:relative;box-sizing:border-box;padding:0 var(--gap-small);display:flex;flex-direction:column;align-items:center}.certificate-subheading{font-size:1.5em;font-weight:600;text-align:center;margin-bottom:10px;letter-spacing:1.5px;text-shadow:0 0 10px rgba(255,255,255,.6)}.certificate-subheading.course-heading{color:var(--secondary-cyan)}.certificate-subheading.visiting-heading{color:var(--primary-purple)}.certificate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--gap-medium);max-width:1400px;margin:0 auto;width:100%;padding:0;justify-items:center;align-items:stretch}.certificate-item-link{text-decoration:none;display:flex;width:100%;height:100%;box-sizing:border-box}.certificate-item{background-color:var(--card-bg);border:1px solid var(--card-border-default);border-radius:10px;padding:var(--gap-small);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-shadow:0 4px 15px #00000080,0 0 12px #3f51b566;box-sizing:border-box;position:relative;overflow:hidden;width:100%;height:305px;margin:0}.certificate-item:hover{transform:translateY(-8px) scale(1);box-shadow:0 8px 10px #000000b3,0 0 1px var(--primary-cyan);border-color:var(--card-border-hover)}.certificate-image{max-width:100%;height:auto;display:block;object-fit:contain;border-radius:6px;box-shadow:0 0 8px #00f0ff66;max-height:280px;margin-bottom:10px}.certificate-item:hover .certificate-image{box-shadow:0 0 15px var(--primary-cyan);transform:scale(1.02)}.certificate-title-overlay{position:absolute;bottom:0;left:0;width:100%;background:#000000d9;color:#fff;padding:10px;font-size:1em;font-weight:500;transform:translateY(100%);transition:transform .3s ease-out;pointer-events:none;text-align:center;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0 0 8px 8px}.certificate-item:hover .certificate-title-overlay{transform:translateY(0)}.no-certificates-message{font-size:1.1em;color:#ffffffb3;text-align:center;margin-top:var(--gap-medium);grid-column:1 / -1;z-index:1;padding:0 var(--gap-small)}@media (max-width: 1499px){.certificate-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.certificate-item{height:250px;width:300px}.certificate-image{height:230px}}@media (max-width: 1199px){.certificate-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.certificates-main-heading{font-size:2em;letter-spacing:2px}.certificate-subheading{font-size:1.8em}.certificate-item{min-height:30px}.certificate-image{max-height:220px}}@media (max-width: 991px){.certificate-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap-small)}.certificates-main-heading{font-size:2em;margin-bottom:var(--gap-medium);margin-top:-80px}.certificate-subheading{font-size:1.5em;margin-bottom:var(--gap-small);margin-top:-50px}.certificate-item{padding:10px;height:200px;width:270px}.certificate-image{max-height:180px}}@media (max-width: 767px){.certificate-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--gap-small)}.certificates-main-heading{font-size:2.2em;margin-bottom:var(--gap-medium)}.certificate-subheading{font-size:1.5em;margin-bottom:var(--gap-small)}.certificate-item{min-height:280px}.certificate-image{max-height:200px}}@media (max-width: 575px){.certificates-page-container{padding:calc(var(--navbar-height, 60px) + var(--gap-small)) 10px var(--gap-small);gap:var(--gap-medium)}.certificates-main-heading{font-size:2em;margin-bottom:30px}.certificate-subheading{font-size:1.4em;margin-bottom:10px}.certificate-item-link{margin-left:30px}.certificate-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto;gap:30px}.certificate-section{padding:0}.certificate-item{padding:auto;min-height:215px}.certificate-image{max-height:260px}.certificate-title-overlay{font-size:.9em;padding:8px}}@media (max-width: 380px){.certificates-main-heading{font-size:1.8em;margin-top:-50px;margin-bottom:30px}.certificate-subheading{font-size:1.2em}.certificate-item{min-height:230px}.certificate-image{max-height:220px}}.admin-login-container{min-height:calc(100vh - var(--navbar-height, 60px));padding-top:var(--navbar-height, 60px);box-sizing:border-box;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#4a90e2,#d83d8a);position:relative;overflow:hidden;padding-left:20px;padding-right:20px}.admin-login-container:before,.admin-login-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;opacity:.2;z-index:0}.admin-login-container:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#ffffff" fill-opacity="0.1" d="M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,213.3C672,224,768,224,864,213.3C960,203,1056,181,1152,176C1248,171,1344,181,1392,186.7L1440,192L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path></svg>');transform:rotate(180deg) scaleX(-1);top:auto;bottom:-10%;height:120%;left:-10%;width:120%;filter:blur(2px)}.admin-login-container:after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#ffffff" fill-opacity="0.1" d="M0,192L48,170.7C96,149,192,107,288,112C384,117,480,171,576,192C672,213,768,203,864,181.3C960,160,1056,128,1152,122.7C1248,117,1344,139,1392,149.3L1440,160L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path></svg>');top:-5%;left:-5%;height:110%;width:110%}.login-card{background-color:#ffffff26;border-radius:15px;padding:40px;box-shadow:0 10px 30px #0000004d,0 0 20px #fff3 inset;text-align:center;max-width:450px;width:100%;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.login-heading{font-size:2.5em;font-weight:600;color:#fff;margin-bottom:30px;letter-spacing:1px;text-shadow:0 0 10px rgba(255,255,255,.5)}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative;margin-bottom:15px}.login-input{width:90%;padding:15px 15px 15px 45px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.4);border-radius:8px;color:#fff;font-size:1.1em;outline:none;transition:all .3s ease}.login-input::placeholder{color:#fff9}.login-input:focus{border-color:#00f0ff;box-shadow:0 0 10px #00f0ff80;background-color:#fff3}.input-label{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#ffffffb3;font-size:1.1em;pointer-events:none;transition:all .3s ease;display:flex;align-items:center;gap:8px}.input-label .fas{font-size:1em}.login-input:focus+.input-label,.login-input:not(:placeholder-shown)+.input-label{top:-10px;font-size:.9em;color:#00f0ff;transform:translateY(0);background-color:#1e263acc;padding:2px 8px;border-radius:5px;box-shadow:0 0 5px #00f0ff4d}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:.95em;color:#fff;margin-top:-10px}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer}.remember-me input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1px solid rgba(255,255,255,.6);border-radius:4px;background-color:#ffffff1a;cursor:pointer;position:relative;transition:all .2s ease}.remember-me input[type=checkbox]:checked{background-color:#00f0ff;border-color:#00f0ff}.remember-me input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#1a222e}.forgot-password{color:#8be9fd;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#00f0ff;text-decoration:underline}.login-button{width:100%;padding:15px;border:none;border-radius:8px;font-size:1.2em;font-weight:600;color:#fff;background:linear-gradient(90deg,#3f51b5,#00f0ff);cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0000004d}.login-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0006,0 0 25px #00f0ff66}.login-button:active{transform:translateY(0);box-shadow:0 3px 10px #0000004d}.error-message{color:#ff6b6b;margin-top:15px;font-size:.9em}@media (max-width: 500px){.login-card{padding:30px 20px;margin:10px}.login-heading{font-size:2em;margin-bottom:25px}.login-input{padding:12px 12px 12px 10px;font-size:1em}.input-label{font-size:1em}.input-label .fas{font-size:.9em}.login-options{flex-direction:column;align-items:flex-start;gap:10px;margin-top:0}.login-button{padding:12px;font-size:1.1em}}body{margin:0;padding:0;font-family:Fira Code,Roboto Mono,monospace;background-color:#0d1117;color:#e6edf3;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.admin-dashboard-container{background-color:#0d1117;min-height:100vh;padding-top:60px;position:relative;overflow-x:hidden;box-sizing:border-box;padding-bottom:40px}.admin-dashboard-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,#1a222e 1px,transparent 1px),linear-gradient(to bottom,#1a222e 1px,transparent 1px);background-size:25px 25px;opacity:.15;z-index:0}.dashboard-header{background-color:#1a222e;color:#e6edf3;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2b3547;position:fixed;top:0;left:0;width:100%;z-index:1000;box-sizing:border-box;box-shadow:0 4px 15px #000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dashboard-title{font-size:2em;font-weight:700;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.9);margin:0;letter-spacing:1px}.logout-button{background-color:#ff6b6b;color:#fff;padding:8px 15px;border:1px solid #ff6b6b;border-radius:5px;cursor:pointer;font-size:.9em;font-weight:500;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;text-transform:uppercase}.logout-button:hover{background-color:#cc4c4c;transform:translateY(-2px);box-shadow:0 4px 10px #ff6b6b66}.dashboard-content{max-width:1400px;margin:40px auto 0;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;position:relative;z-index:1}.dashboard-section{background-color:#161b22;border:1px solid #2b3547;border-radius:12px;padding:30px;box-shadow:0 8px 25px #00000080,inset 0 0 5px #2b35471a;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease;display:flex;flex-direction:column;gap:25px}.dashboard-section.hero-editor,.dashboard-section.about-editor,.dashboard-section.project-add,.dashboard-section.skill-add,.dashboard-section.certificate-add{grid-column:1 / -1}.section-heading{font-size:2.2em;font-weight:700;color:#8be9fd;text-shadow:0 0 8px rgba(139,233,253,.8);margin-bottom:25px;text-align:center;text-transform:uppercase;letter-spacing:1.5px;position:relative;padding-bottom:10px}.section-heading:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(to right,transparent,#00f0ff,transparent);border-radius:2px}.sub-section-heading{font-size:1.6em;font-weight:600;color:#bd93f9;margin-top:20px;margin-bottom:15px;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:12px}.dashboard-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:10px}.form-label{font-size:1.1em;color:#e6edf3;font-weight:600;letter-spacing:.5px}.dashboard-input,.dashboard-textarea,.dashboard-select{width:100%;padding:12px 18px;background-color:#222c3b;border:1px solid #2b3547;border-radius:8px;color:#e6edf3;font-size:1em;outline:none;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.dashboard-input:focus,.dashboard-textarea:focus,.dashboard-select:focus{border-color:#00f0ff;box-shadow:0 0 12px #00f0ffb3;background-color:#2a3547}.dashboard-textarea{resize:vertical;min-height:120px}.dashboard-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23e6edf3%22%20d%3D%22M287,197.3L146.2,56.6L5.4,197.3l-13-13l153.8-153.8L300,184.3L287,197.3z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px center;background-size:.7em auto;padding-right:40px}.file-input-group{background-color:#ffffff0d;padding:15px;border-radius:8px;border:2px dashed #2b3547}.dashboard-file-input{width:100%;padding:10px 0;color:#e6edf3;font-size:1em;background-color:transparent;border:none}.dashboard-file-input::file-selector-button{background-color:#bd93f9;color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s ease,transform .2s ease;margin-right:20px}.dashboard-file-input::file-selector-button:hover{background-color:#a47dd0;transform:scale(1.05)}.preview-image{max-width:180px;height:auto;border-radius:8px;border:2px solid #2b3547;margin-top:15px;box-shadow:0 5px 15px #0006}.current-file-link{color:#8be9fd;text-decoration:underline;font-size:.95em;margin-top:10px;display:block;transition:color .3s ease}.current-file-link:hover{color:#00f0ff;text-decoration:none}.dashboard-button{padding:15px 25px;border:none;border-radius:10px;font-size:1.15em;font-weight:700;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 6px 15px #0006;text-transform:uppercase;letter-spacing:1px}.dashboard-button:disabled{background-color:#555;cursor:not-allowed;box-shadow:none;opacity:.6;transform:none}.primary-button{background:linear-gradient(90deg,#3f51b5,#00f0ff)}.primary-button:hover:not(:disabled){box-shadow:0 8px 20px #00000080,0 0 25px #00f0ffb3;transform:translateY(-4px)}.secondary-button{background:linear-gradient(90deg,#6c757d,#a4c639)}.secondary-button:hover:not(:disabled){box-shadow:0 8px 20px #00000080,0 0 25px #a4c639b3;transform:translateY(-4px)}.tertiary-button{background:linear-gradient(90deg,#bd93f9,#ff79c6)}.tertiary-button:hover:not(:disabled){box-shadow:0 8px 20px #00000080,0 0 25px #ff79c6b3;transform:translateY(-4px)}.delete-button{background-color:#f33;color:#fff;padding:8px 16px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:.9em;transition:background-color .3s ease,border-color .3s ease}.delete-button:hover{background-color:#c00;border-color:#f33}.small-button{padding:10px 18px;font-size:1em;font-weight:600}.button-group{display:flex;gap:15px;margin-top:15px;flex-wrap:wrap}.item-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.item-list.about-section-list,.item-list.skill-list{grid-template-columns:1fr}.list-item{background-color:#1e263a;border:1px solid #3f51b5;border-radius:10px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 4px 15px #0000004d;transition:transform .3s ease,box-shadow .3s ease;position:relative}.list-item:hover{transform:translate(8px);box-shadow:0 6px 20px #0006,0 0 15px #3f51b599}.list-item.about-section-item{flex-direction:column;align-items:stretch}.list-item.about-section-item .item-details{margin-bottom:15px}.list-item.about-section-item .button-group{display:flex;justify-content:flex-end;margin-top:10px}.list-item.skill-item{flex-direction:row;align-items:center}.list-item.skill-item .item-details{flex-grow:1}.list-item.skill-item .delete-button{margin-left:20px}.item-details{flex-grow:1;display:flex;flex-direction:column;gap:8px}.item-title{font-size:1.3em;font-weight:700;color:#8be9fd;margin-bottom:5px}.item-description{font-size:1em;color:#fffc;margin-bottom:10px;line-height:1.5}.item-image{max-width:120px;height:auto;border-radius:6px;margin-right:20px;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.item-image.small-image{max-width:80px}.item-link{color:#00f0ff;text-decoration:none;font-size:1em;transition:color .3s ease,text-decoration .3s ease}.item-link:hover{text-decoration:underline;color:#00e0e0}.loading-message,.no-items-message{color:#fff9;text-align:center;padding:30px;border:2px dashed #2b3547;border-radius:8px;margin-top:20px;font-size:1.2em;font-style:italic;letter-spacing:1px}.certificate-list{grid-column:1 / -1;display:flex;flex-direction:column;gap:30px}.certificate-type-group{background-color:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.1);padding:20px}.certificate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:20px}.certificate-item-admin{background-color:#222c3b;border:1px solid #3f51b5;border-radius:10px;padding:15px;text-align:center;position:relative;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.certificate-item-admin:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0006,0 0 15px #3f51b599}.certificate-image-admin{width:100%;height:120px;object-fit:cover;border-radius:6px;margin-bottom:12px;border:1px solid rgba(255,255,255,.1)}.certificate-title-admin{font-size:1em;font-weight:600;color:#e6edf3;margin-bottom:12px;word-break:break-word}.certificate-delete-button{position:absolute;top:10px;right:10px;padding:6px 10px;font-size:.8em;background-color:#ff3333e6;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:background-color .3s,border-color .3s}.certificate-delete-button:hover{background-color:#f33;border-color:#fff;transform:scale(1.1)}@media (max-width: 1200px){.dashboard-content{max-width:960px}.item-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 992px){.dashboard-header{padding:15px 30px}.dashboard-content{padding:20px;gap:30px}.dashboard-section{padding:25px}.section-heading{font-size:2em}.item-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.dashboard-header{padding:10px 20px;flex-direction:column;align-items:stretch;gap:10px;position:static}.admin-dashboard-container{padding-top:20px}.dashboard-title{font-size:1.8em;text-align:center}.logout-button{width:100%}.dashboard-content{padding:15px;gap:25px;grid-template-columns:1fr}.dashboard-section{padding:20px}.section-heading{font-size:1.8em}.item-list{grid-template-columns:1fr}.list-item,.list-item.skill-item{flex-direction:column;align-items:stretch}.list-item.skill-item .delete-button{margin-left:0;margin-top:10px}.item-image{margin-right:0;margin-bottom:15px;max-width:100%;height:auto}.certificate-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width: 480px){.section-heading{font-size:1.6em}.certificate-grid{grid-template-columns:repeat(2,1fr)}.certificate-image-admin{height:100px}}.navbar{background-color:#1a202c;color:#e6edf3;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #0000004d;position:sticky;top:0;left:0;width:auto;z-index:1000;border-bottom:1px solid #00f0ff}.navbar-left{display:flex;align-items:center;gap:15px}.navbar-profile-image{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #00f0ff;box-shadow:0 0 10px #00f0ff80;transition:transform .3s ease}.navbar-profile-image:hover{transform:scale(1.05)}.navbar-profile-name{font-size:1.4em;font-weight:700;color:#00f0ff;text-shadow:0 0 8px rgba(0,240,255,.6);letter-spacing:.5px}.menu-toggle{display:none;font-size:1.8em;cursor:pointer;color:#00f0ff;z-index:1001;transition:color .3s ease}.menu-toggle:hover{color:#fff;text-shadow:0 0 10px rgba(0,240,255,.8)}.navbar-right-menu-container{display:flex;align-items:center;gap:30px}.navbar-links{list-style:none;margin:0;padding:0;display:flex;gap:30px}.navbar-links li a{text-decoration:none;color:#a0a0a0;font-size:1.1em;font-weight:500;padding:5px 0;position:relative;transition:color .3s ease,text-shadow .3s ease}.navbar-links li a:hover{color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.7)}.navbar-links li a.active{color:#00f0ff;font-weight:700;text-shadow:0 0 12px rgba(0,240,255,.9)}.navbar-links li a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background-color:#00f0ff;box-shadow:0 0 8px #00f0ff99;transition:width .3s ease-in-out}.navbar-links li a:hover:after,.navbar-links li a.active:after{width:100%}.navbar-social-icons{display:flex;align-items:center;gap:25px}.navbar-icon{color:#a0a0a0;font-size:1.6em;transition:color .3s ease,transform .3s ease,text-shadow .3s ease}.navbar-icon:hover{color:#00f0ff;transform:translateY(-3px);text-shadow:0 0 15px rgba(0,240,255,.8)}@media (max-width: 992px){.navbar{padding:15px 20px;width:auto;position:relative;display:flex;justify-content:space-between;align-items:center;background-color:#1a202c}.menu-toggle{display:block;font-size:1.8em;color:#00e5ff;cursor:pointer;z-index:1000}.navbar-right-menu-container{position:absolute;top:100%;right:0;min-width:200px;max-width:90%;background-color:#2d3748;border-radius:8px;box-shadow:0 4px 15px #0006;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;padding:6px 0;transform:scale(.9) translateY(-10px);transform-origin:top right;opacity:0;pointer-events:none;transition:transform .2s ease-out,opacity .2s ease-out;z-index:999;overflow-y:auto;max-height:calc(100vh - 80px);width:max-content;min-width:180px}.navbar-right-menu-container.open{transform:scale(1) translateY(0);opacity:1;pointer-events:all}.navbar-links{flex-direction:column;width:100%;text-align:left;margin-bottom:0;padding:0;list-style:none}.navbar-links li{width:100%}.navbar-links li a{font-size:1.05em;padding:10px 20px;width:100%;display:block;color:#e2e8f0;text-decoration:none;position:relative;overflow:hidden;transition:background-color .2s ease-in-out,color .2s ease-in-out}.navbar-links li a:hover{background-color:#00e5ff1a;color:#00e5ff}.navbar-links li a:before,.navbar-links li a:after{display:none}.navbar-links li a.active{background-color:#00e5ff33;color:#00e5ff;font-weight:700}.navbar-social-icons{display:flex;justify-content:space-around;width:100%;padding:8px 10px;border-top:1px solid rgba(255,255,255,.1);margin-top:6px}.navbar-icon{font-size:1.6em;color:#a0aec0;transition:color .2s ease-in-out,transform .2s ease-in-out}.navbar-icon:hover{color:#00e5ff;transform:scale(1.1)}}.navbar-profile-link{display:flex;align-items:center;text-decoration:none;color:inherit;gap:10px}.navbar-profile-link:hover{opacity:.8}@media (max-width: 576px){.navbar-links li a{font-size:1em}.navbar-icon{font-size:1.4em}.navbar-right-menu-container{min-width:160px}.navbar-right-menu-container.open{opacity:1;pointer-events:all}.navbar-links{list-style:none;margin:0;padding:0;display:flex;gap:10px}.navbar-social-icons{display:flex;align-items:center;gap:15px}.navbar-social-icons{display:flex;justify-content:space-around;width:60%;padding:8px 10px;border-top:1px solid rgba(255,255,255,.1);margin-top:6px}}.footer{background-color:#1a202c;color:#e6edf3;padding:15px 30px;border-top:1px solid rgba(0,240,255,.2);font-family:Fira Code,Roboto Mono,monospace;height:60px;display:flex;align-items:center;flex-shrink:0;box-sizing:border-box}.footer-content{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:nowrap;max-width:1400px;margin:0 auto}.footer-links-left{list-style:none;margin:0;padding:0;display:flex;justify-content:flex-start;flex-shrink:0}.footer-links-left li a{text-decoration:none;color:#a0a0a0;font-weight:500;font-size:.9em;position:relative;transition:color .3s ease;white-space:nowrap;padding:5px 0}.footer-links-left li a:hover{color:#00f0ff}.footer-links-left li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:#00f0ff;box-shadow:0 0 4px #00f0ff66;transition:width .3s ease-in-out}.footer-links-left li a:hover:after{width:100%}.footer-copyright{flex-grow:1;text-align:center;font-size:.85em;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-contact-info-right{display:flex;gap:15px;align-items:center;justify-content:flex-end;flex-shrink:0;flex-wrap:nowrap}.footer-contact-info-right p,.footer-contact-info-right a{display:flex;align-items:center;gap:5px;color:#a0a0a0;text-decoration:none;transition:color .3s ease;font-size:.85em;white-space:nowrap}.footer-contact-info-right a:hover{color:#00f0ff}.footer-icon{color:#00f0ff;font-size:.9em;text-shadow:0 0 3px rgba(0,240,255,.3)}@media (max-width: 992px){.footer{height:auto;padding:15px 20px}.footer-content{flex-direction:column;align-items:center;gap:15px;flex-wrap:wrap}.footer-links-left,.footer-copyright,.footer-contact-info-right{width:100%;text-align:center;justify-content:center}}@media (max-width: 576px){.footer{padding:10px 15px}.footer-content{gap:10px}.footer-links-left li a,.footer-contact-info-right p,.footer-contact-info-right a,.footer-copyright{font-size:.8em}.footer-contact-info-right{flex-direction:column;gap:5px}}@media (max-width: 380px){.footer-links-left li a,.footer-contact-info-right p,.footer-contact-info-right a,.footer-copyright{font-size:.75em}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9}input,button{font-family:inherit}