*{box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.6;margin:0;padding:0}header{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem 0;margin-bottom:2.5rem;text-align:center}header h1{margin:0;font-size:1.75rem;font-weight:800;color:#2563eb;letter-spacing:-0.025em}.container{max-width:680px;margin:0 auto;padding:0 1.5rem}.comment{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.comment .comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.comment .comment-header .name{font-weight:700;color:#0f172a;font-size:1.1rem}.comment .comment-header .date{font-size:.875rem;color:#64748b}.comment .comment-body{color:#334155;font-size:1rem;line-height:1.6;margin:0;white-space:pre-wrap}.comment-form-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;margin-top:3rem;margin-bottom:4rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.comment-form-container h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;color:#0f172a}.comment-form-container .form-group{margin-bottom:1.25rem}.comment-form-container .form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#475569}.comment-form-container .form-group input,.comment-form-container .form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:inherit;background-color:#fcfcfd;transition:all .2s}.comment-form-container .form-group input:focus,.comment-form-container .form-group textarea:focus{outline:none;border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.comment-form-container .form-group textarea{min-height:120px;resize:vertical}.comment-form-container button{background-color:#2563eb;color:#fff;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;width:100%;margin-top:.5rem}.comment-form-container button:hover{background-color:rgb(20.7142857143,84.9285714286,225.7857142857);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.2)}.comment-form-container button:active{transform:translateY(0)}.not-found{text-align:center;padding:5rem 0}.not-found h1{font-size:4rem;font-weight:800;margin-bottom:1rem;color:#2563eb}.not-found p{font-size:1.25rem;color:#64748b}