body{background-color:#232020;overflow-x:hidden}.container1{margin:50px auto;padding:10px;max-width:90%;width:310px;color:#f5f5f5}@media screen and (min-width: 768px){.container1{margin-left:auto;margin-right:auto;max-width:400px}}@media screen and (min-width: 1024px){.container1{margin-left:320px;max-width:310px}}.container1 h1{margin:0;font-family:Cascadia Code;font-size:40px}.container1 p{font-family:Calibri,Poppins;font-weight:700}.container1 .hello{display:flex;justify-content:space-around;margin:0;padding-top:20px}.linkedin-icon,.mail-icon,.github-icon,.phone-icon{color:#f5f5f5;transition:color .3s ease-in-out,transform .3s}.linkedin-icon:hover,.mail-icon:hover,.github-icon:hover{transform:scale(1.1)}.phone-number{font-family:Calibri,Poppins;font-size:small}.container2{margin-top:20px;margin-left:10%;color:#f5f5f5;padding:10px}.container2 h2{margin-left:68px;font-family:Cascadia Code,Google Sans Code}.container2 .image-grid{padding-top:25px;display:flex;gap:23px;flex-wrap:wrap;justify-content:flex-start}.container2 .image-grid .image-box{height:385px;width:231px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5%;transition:transform .3s ease-in-out;cursor:pointer}@media screen and (max-width: 600px){.container2{margin-left:5%;padding:5px}.container2 .image-grid{justify-content:center;gap:30px}.container2 .image-grid .image-box{height:385px;width:231px}}@media screen and (min-width: 600px) and (max-width: 1024px){.container2{margin-left:7%}.container2 .image-grid{justify-content:space-evenly}.container2 .image-grid .image-box{height:385px;width:231px}}@media screen and (min-width: 1024px){.container2{margin-left:252px}.container2 .image-grid{justify-content:flex-start}.container2 .image-grid .image-box{width:231px;height:385px}}.text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#232020;color:#f5f5f5;padding:10px 20px;border-radius:5px;transition:.3s ease-out;font-family:Calibri,Poppins;font-size:small}.container3{margin-left:320px;margin-top:90px}.container3 .h2{font-family:Cascadia Code,Google Sans Code;color:#f5f5f5}.container3 ul{display:inline-block;gap:30px}.container3 li{line-height:37px;color:#f5f5f5;font-family:Calibri,Poppins}@media (max-width: 1024px){.container3{margin-left:200px;margin-top:60px}}@media (max-width: 768px){.container3{margin-left:50px;margin-top:40px}.container3 ul{display:flex;flex-direction:column;gap:15px}}@media (max-width: 480px){.container3{margin-left:20px;margin-top:30px}.container3 ul{gap:10px}.container3 li{line-height:30px}}.container4{margin-left:320px;margin-top:90px}.container4 h2{font-family:Cascadia Code,Google Sans Code;color:#f5f5f5}.container4 ul{display:inline-block;gap:30px;padding-bottom:60px}.container4 li{line-height:37px;color:#f5f5f5;font-family:Calibri,Poppins}.container4 p{font-family:Calibri,Poppins;color:#f5f5f5}.container4 .p1{padding-top:20px;padding-bottom:15px}@media (max-width: 1024px){.container4{margin-left:200px;margin-top:60px}}@media (max-width: 768px){.container4{margin-left:50px;margin-top:40px}.container4 ul{display:flex;flex-direction:column;gap:15px}}@media (max-width: 480px){.container4{margin-left:20px;margin-top:30px}.container4 ul{gap:10px}.container4 li{line-height:30px}.container4 .p1{padding-top:15px;padding-bottom:10px}}.pm-backdrop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a0a0abf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.pm-backdrop-center{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none}.pm-backdrop-center .pm-card{pointer-events:auto}.pm-card{position:relative;background:#232020;border-radius:18px;width:100%;max-width:540px;max-height:88vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 60px #0006;scrollbar-width:none}.pm-card::-webkit-scrollbar{display:none}.pm-hero{position:relative;width:100%;height:220px;overflow:hidden;border-radius:18px 18px 0 0}.pm-hero img{width:100%;height:100%;object-fit:cover;display:block}.pm-hero-overlay{display:none}.pm-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:#282626d9;color:#ccc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.pm-close:hover{transform:scale(1.1);color:#fff}.pm-body{padding:24px 32px 32px;text-align:center}.pm-title{font-family:Cascadia Code,monospace;color:#f5f5f5;font-size:1.6rem;font-weight:700;margin:0 0 12px;line-height:1.3}.pm-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.pm-tag{font-family:Calibri,Poppins,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#b8a8f8;background:#9478ff1f;border:1px solid rgba(148,120,255,.25);border-radius:20px;padding:3px 11px}.pm-desc{font-family:Calibri,Poppins,sans-serif;color:#c8c4c4;font-size:.95rem;line-height:1.5;margin:0 0 24px}.pm-footer{display:flex;justify-content:center;align-items:center;gap:12px}.pm-footer-row{display:flex;gap:12px;flex-wrap:wrap}.pm-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:Calibri,Poppins,sans-serif;font-size:.95rem;font-weight:600;padding:12px 28px;border-radius:30px;text-decoration:none;transition:transform .15s,opacity .15s}.pm-btn:hover{transform:translateY(-2px);opacity:.9}.pm-btn--primary{background:#f5f5f5;color:#232020;border:none}.pm-btn--secondary{background:#ffffff12;color:#d4d0d0;border:none}.pm-btn--view-more{width:100%;justify-content:center;background:transparent;color:#ffffff8c;border:1px solid rgba(255,255,255,.1);border-radius:8px;letter-spacing:.03em;transition:background .2s,color .2s,border-color .2s,transform .15s}.pm-btn--view-more:hover{background:#ffffff0f;color:#fff;border-color:#ffffff40;transform:translateY(-2px);opacity:1}@media (max-width: 480px){.pm-card{border-radius:14px;max-height:92vh}.pm-hero{height:170px;border-radius:14px 14px 0 0}.pm-body{padding:16px 18px 22px}.pm-title{font-size:1.1rem}}.pm-badge{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1400;font-family:Calibri,Poppins,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:20px;box-shadow:0 2px 10px #f59e0b66}.pm-note{font-family:Calibri,Poppins,sans-serif;font-size:.82rem;color:#ffffff59;font-style:italic}.quiz-container1{margin-top:50px;margin-left:320px;padding:10px;color:#f5f5f5;max-width:700px}.quiz-container1 h1{font-family:Cascadia Code,Google Sans Code}.quiz-container1 ul{padding-top:60px}.quiz-container1 li{font-weight:700;font-family:Calibri,Poppins;line-height:45px}.quiz-container1 p{font-family:Calibri,Poppins;padding-top:40px}@media (max-width: 1024px){.quiz-container1{margin-left:10%;max-width:80%}}@media (max-width: 768px){.quiz-container1{margin-left:5%;max-width:90%}.quiz-container1 ul{padding-top:30px}.quiz-container1 li{line-height:35px}.quiz-container1 p{padding-top:20px}}@media (max-width: 480px){.quiz-container1{margin-left:4%;max-width:95%;padding:5px;text-align:center}.quiz-container1 ul{padding-top:20px}.quiz-container1 li{line-height:30px}.quiz-container1 p{padding-top:15px}}.project-detail-content{color:#ffffffe6;font-family:Calibri,Poppins,sans-serif;font-size:1.1rem;line-height:1.8}.project-detail-content ul{padding-left:20px;margin-bottom:30px}.project-detail-content li{margin-bottom:16px}.project-detail-content p{margin-bottom:20px}.project-detail-content a{color:#7c3aed;text-decoration:none;font-weight:700}.project-detail-content a:hover{text-decoration:underline}