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:#1a1a1a;transition:width .3s ease}.main-nav a:hover{color:#1a1a1a}.main-nav a:hover:after{width:100%}.main-nav a.active{color:#1a1a1a}.main-nav a.active:after{width:100%}body{background:#fff}.comment-page{background:#f6f7fb;color:#181818;min-height:100vh;padding:48px 0 64px;font-family:Inter,sans-serif}.comment-header{display:flex;flex-direction:column;align-items:center;margin-bottom:48px;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 24px}.comment-header h2{font-size:2.5rem;font-weight:800;margin:24px 0 0;color:#1a1a1a;letter-spacing:-.02em;text-align:center;background:linear-gradient(135deg,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.open-modal-btn{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 12px rgba(0,0,0,.2);letter-spacing:.5px}.open-modal-btn:hover{background:linear-gradient(135deg,#000000,#1a1a1a);box-shadow:0 6px 16px rgba(0,0,0,.3);transform:translateY(-2px)}.testimonial-section{max-width:1200px;margin:0 auto;padding:0 24px}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;width:100%}.testimonial-card{background:#fff;border-radius:20px;padding:28px 24px 24px;box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);display:flex;flex-direction:column;align-items:center;border:1px solid rgba(255,255,255,.18);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;backdrop-filter:blur(20px);min-height:320px}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:20px;pointer-events:none;z-index:1}.testimonial-card.highlight{border:2px solid #1a1a1a;box-shadow:0 12px 40px rgba(26,26,26,.15)}.testimonial-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.08)}.testimonial-image{width:100%;max-width:280px;height:180px;object-fit:cover;border-radius:12px;margin-bottom:20px;border:none;box-shadow:0 4px 12px rgba(0,0,0,.1);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:block;transition:all .3s ease;cursor:pointer;z-index:2;position:relative}.testimonial-image:hover{transform:scale(1.03);box-shadow:0 8px 20px rgba(0,0,0,.15)}.line{width:50px;height:3px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);margin:20px 0 16px;border-radius:2px;opacity:1}.testimonial-card p{font-style:italic;text-align:center;margin-bottom:0;color:#374151;font-size:1rem;line-height:1.6;font-weight:400;z-index:2;position:relative}.testimonial-card h4{margin:12px 0 6px;font-weight:700;font-size:1.2rem;color:#1a1a1a;letter-spacing:-.01em;z-index:2;position:relative}.testimonial-card span{color:#1a1a1a;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:rgba(26,26,26,.1);padding:4px 12px;border-radius:12px;z-index:2;position:relative}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .4s ease;padding:20px}.modal-content{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);color:#1a1a1a;padding:40px;border-radius:24px;box-shadow:0 25px 50px rgba(0,0,0,.15);max-width:600px;width:100%;border:1px solid rgba(255,255,255,.2);position:relative;animation:popIn .4s ease;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(26,26,26,.3),transparent)}.close-modal-btn{position:absolute;top:20px;right:20px;background:rgba(107,114,128,.1);border:none;color:#6B7280;font-size:1.5rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.close-modal-btn:hover{background:rgba(239,68,68,.1);color:#EF4444;transform:scale(1.1)}.modal-content form input,.modal-content form textarea{width:100%;margin-bottom:20px;padding:16px 20px;border-radius:16px;border:2px solid rgba(26,26,26,.1);background:rgba(255,255,255,.8);color:#374151;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease;outline:none}.modal-content form input:focus,.modal-content form textarea:focus{border-color:#1a1a1a;background:rgba(255,255,255,.95);box-shadow:0 0 0 4px rgba(26,26,26,.1);transform:translateY(-2px)}.modal-content form input::placeholder,.modal-content form textarea::placeholder{color:#9CA3AF;font-weight:400}.modal-content form textarea{resize:vertical;min-height:120px}.dropdown-container{position:relative;width:100%;margin-bottom:20px}.dropdown-header{width:100%;padding:16px 20px;border-radius:16px;border:2px solid rgba(26,26,26,.1);background:rgba(255,255,255,.8);color:#374151;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease;outline:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}.dropdown-header.open,.dropdown-header:hover{border-color:#1a1a1a;background:rgba(255,255,255,.95);box-shadow:0 0 0 4px rgba(26,26,26,.1);transform:translateY(-2px)}.dropdown-header .placeholder{color:#9CA3AF;font-weight:400}.dropdown-header .selected{color:#374151;font-weight:500}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease;color:#6B7280}.dropdown-header.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:2px solid rgba(26,26,26,.1);border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);z-index:1000;margin-top:4px;overflow:hidden;animation:dropdownOpen .2s ease}.dropdown-option{padding:12px 20px;cursor:pointer;transition:all .2s ease;color:#374151;font-family:Inter,sans-serif;font-size:1rem;font-weight:500}.dropdown-option:hover{background:rgba(26,26,26,.05);color:#1a1a1a}.dropdown-option:not(:last-child){border-bottom:1px solid rgba(26,26,26,.08)}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-content form button{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;border:none;padding:14px 32px;border-radius:16px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.2);letter-spacing:.02em;margin-top:10px}.modal-content form button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3);background:linear-gradient(135deg,#000000,#1a1a1a)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.85) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-image{width:100%;max-width:500px;height:auto;object-fit:contain;border-radius:16px;display:block;margin:20px auto;box-shadow:0 8px 25px rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.2)}.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{flex-direction:row;justify-content:space-between;align-items:center;padding:15px 20px;flex-wrap:nowrap;position:relative}.navbar-left{flex-shrink:0}.main-nav{display:flex;justify-content:center;flex:1;gap:12px;padding:0 10px}.main-nav a{font-size:13px;font-weight:500;white-space:nowrap;padding:4px 6px;margin:0}.main-nav a:after{bottom:-2px;height:1.5px}.logo-img{width:24px;height:24px}.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:95vw!important;margin:0 auto;padding:24px;border-radius:20px}.modal-content h3{font-size:1.5rem;margin-bottom:20px}.modal-content form input,.modal-content form textarea{padding:14px 16px;margin-bottom:16px;font-size:16px}.modal-content form button{padding:12px 24px;width:100%}.dropdown-header{padding:14px 16px;font-size:16px}.dropdown-option{padding:10px 16px;font-size: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:480px){.navbar{padding:12px 15px}.main-nav{gap:8px}.main-nav a{font-size:12px;padding:3px 4px}.brand{display:none}.logo-img{width:22px;height:22px}.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:95vw!important;margin:15px auto;padding:20px;border-radius:18px}.modal-content h3{font-size:1.3rem}.close-modal-btn{width:32px;height:32px;font-size:1.2rem;top:15px;right:15px}.modal-image{width:100%;height:auto;border-radius:12px}}@media (max-width:420px){.testimonial-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 8px}.testimonial-card{padding:.5rem}.testimonial-image{height:80px}}