main{padding-bottom:0}.navbar{justify-content:space-between;padding:20px 60px;background-color:#fff;border-bottom:1px solid #eee}.navbar,.navbar-left{display:flex;align-items:center}.navbar-left{gap:8px}.logo-img{width:24px;height:24px;object-fit:contain}.brand{font-weight:600;font-size:1.2rem;color:#000}.main-nav{display:flex;gap:30px}.resume-btn{background-color:#000;color:#fff;padding:8px 18px;border-radius:6px;text-decoration:none;font-weight:500;font-size:14px;display:flex;align-items:center;gap:6px}.icon{font-size:16px}.main-nav a{position:relative;margin:0 12px;color:#000;text-decoration:none;font-weight:500;transition:color .3s ease}.main-nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background-color:#8B5CF6;transition:width .3s ease}.main-nav a:hover{color:#8B5CF6}.main-nav a:hover:after{width:100%}.comment-page,body{background:#fff}.comment-page{color:#181818;min-height:100vh;padding:0 0 40px;font-family:Montserrat,sans-serif}.comment-header{display:flex;flex-direction:column;align-items:center;margin-top:40px}.open-modal-btn{background:#181818;color:#fff;border:none;padding:12px 28px;border-radius:30px;font-weight:700;font-size:1.1rem;margin-bottom:24px;cursor:pointer;transition:background .2s,color .2s,transform .2s}.open-modal-btn:hover{background:#fff;color:#181818;border:1.5px solid #181818;transform:scale(1.05)}.testimonial-section{margin-top:32px;display:flex;flex-direction:column;align-items:center}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;width:95%;margin:0 auto}.testimonial-card{background:#fff;border-radius:22px;padding:32px 24px 24px;box-shadow:0 4px 24px rgba(0,0,0,.07);display:flex;flex-direction:column;align-items:center;border:2px solid #f3f3f3;transition:transform .2s,box-shadow .2s,border .2s;opacity:0;animation:fadeIn .8s forwards}.testimonial-card.highlight,.testimonial-card:hover{border:2px solid #181818}.testimonial-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 8px 32px rgba(24,24,24,.08)}.testimonial-image{width:100%;max-width:250px;height:200px;object-fit:cover;border-radius:12px;margin-bottom:18px;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.08);background:#f3f3f3;display:block}.line{width:40px;height:2px;background:#181818;margin:16px 0 10px;opacity:.15}.testimonial-card p{font-style:italic;text-align:center;margin-bottom:0;color:#222;font-size:1.08rem}.testimonial-card h4{margin:10px 0 0;font-weight:700;font-size:1.13rem;color:#181818;letter-spacing:.5px}.testimonial-card span{font-size:.98rem;color:#888;margin-top:2px;display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.modal-content{background:#fff;color:#181818;padding:32px 28px 24px;border-radius:18px;box-shadow:0 8px 32px rgba(0,0,0,.12);min-width:320px;position:relative;animation:popIn .4s}.close-modal-btn{position:absolute;top:12px;right:18px;background:none;border:none;color:#181818;font-size:2rem;cursor:pointer}.modal-content form input,.modal-content form textarea{width:100%;margin-bottom:14px;padding:10px 12px;border-radius:8px;border:1.5px solid #eee;background:#f7f7f7;color:#181818;font-size:1rem}.modal-content form button{background:#181818;color:#fff;border:none;padding:10px 22px;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.modal-content form button:hover{background:#fff;color:#181818;border:1.5px solid #181818}@keyframes fadeIn{to{opacity:1}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn .8s forwards}.custom-file-label{display:inline-block;padding:10px 22px;background:#181818;color:#fff;border-radius:8px;cursor:pointer;font-weight:500;margin-bottom:0;transition:background .2s}.custom-file-label:hover{background:#333}input[type=file]{display:none}.selected-file-name{margin-left:12px;font-size:.98rem;color:#444}.form-actions button[type=submit]{background:#181818;color:#fff;border:none;padding:10px 22px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s;font-size:1rem}.form-actions button[type=submit]:hover{background:#333;color:#fff;border:none}.form-actions{display:flex;gap:32px;margin-top:18px;align-items:center}@media (max-width:768px){.navbar{justify-content:space-between;align-items:center;padding:12px 16px;flex-wrap:wrap}.main-nav,.navbar{flex-direction:row}.main-nav{justify-content:flex-end;flex:1;gap:1px}.logo-img{width:26px}.brand{display:none}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px}.testimonial-card{max-width:100%;padding:.8rem;border-radius:12px}.testimonial-image{height:100px;object-fit:cover;width:100%;border-radius:8px}.modal-content{max-width:90vw!important;margin:0 auto;padding:12px;border-radius:16px}.modal-image{width:100%;height:auto;object-fit:contain;border-radius:12px;display:block;margin:auto}.testimonial-card p{font-size:.85rem;line-height:1.4;text-align:center;font-style:italic;margin:8px 0}.testimonial-card h4{font-size:.9rem;font-weight:600;margin:4px 0}.testimonial-card span{font-size:.75rem;color:#777}}@media (max-width:420px){.testimonial-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 10px}.testimonial-card{padding:.6rem}.testimonial-image{height:90px}.modal-content{max-width:90vw!important;margin:20px auto;border-radius:16px}.modal-image{width:100%;height:auto;border-radius:12px}}