*{box-sizing:border-box;margin:0;padding:0}#root{margin:2rem 20%;font-family:Alumni Sans,sans-serif;font-size:26px}.bold{font-weight:700;font-style:italic}.bold2{font-weight:700}.link{text-decoration:none;color:#00f}.link:hover{text-decoration:underline solid blue 1.5px}.head h1{font-family:Oswald,sans-serif;font-weight:400;font-size:2.5rem;margin-bottom:2rem}.head p{font-weight:400;margin-bottom:1rem}.header{font-family:Oswald,sans-serif;font-size:4rem;font-weight:300}.header a{text-decoration:none;color:#000}.header a:hover{text-decoration:underline solid black 3px}.sort{margin-bottom:1rem}.faq{margin-bottom:2rem}.cards{margin:6rem 0}.image img{width:130px;height:200px;margin:0 1rem 1rem 0;float:left;box-shadow:0 12px 24px #0003}.info{display:block;margin-top:-1rem;text-align:left}.info h1{font-family:Oswald,sans-serif;font-weight:400;font-size:2.5rem;color:#1004c1;text-decoration:underline solid 2px;margin-bottom:2rem}.info small{font-size:20px;font-weight:500;color:#5f9ea0}.info strong{font-size:20px;font-weight:600;color:#4b7f81}.info p:first-of-type{margin:2rem 0;white-space:pre-line}.info p:last-of-type strong{font-size:26px;color:#490885}.faqs h2{font-family:Oswald,sans-serif;margin:1rem 0;font-size:3rem;font-weight:300;letter-spacing:4px}.faqs h3{font-family:Oswald,sans-serif;margin:2rem 0;font-size:3rem;font-weight:300;letter-spacing:5px}.faqs p{margin-bottom:3rem;word-spacing:4px;line-height:32px;letter-spacing:2px}.para{margin-top:3rem;font-size:3rem;font-weight:500}.commentBtn{position:absolute;margin:0 2rem;color:#46a5f2;right:3%;top:5%;transform:scale(2);opacity:80%;cursor:pointer;z-index:100;transition:transform .2s ease;transition:transform .3s ease,box-shadow .3s ease;animation:attractPulse 1.5s ease-in-out infinite}.commentBtn:hover{color:#9ecdf3;animation:none}@keyframes attractPulse{0%{transform:scale(2)}50%{transform:scale(2.2)}to{transform:scale(2)}}.comment{position:relative;background-image:url(/assets/comment_bg.jpg);background-size:cover;background-position:center;height:1000px;color:#fff;padding-top:2rem}.comment h1{margin-left:23%;color:#e9911f;-webkit-text-stroke:.5px #fff}.clear-btn{position:absolute;right:5%;top:1%;margin-top:1rem;z-index:100;color:#fff;cursor:pointer}.clear-btn:hover{transform:scale(1.1);color:#949292}.comment-form{position:relative;background-color:#121212;color:#949292;opacity:90%;box-shadow:0 12px 24px #a791914d;padding:1rem 2rem;border-radius:12px;max-width:500px;max-height:600px;margin:0 auto;font-size:1.2rem;font-family:Oswald,sans-serif}.comment-form label{display:block;margin-top:1rem;font-weight:500}.comment-form input[type=text],.comment-form textarea{width:100%;padding:.8rem;margin-top:.5rem;background-color:#1e1e1e;border:1px solid #333;border-radius:8px;color:#f5f5f5;font-size:1rem;resize:vertical}.comment-form input[type=text]:focus,.comment-form textarea:focus{border-color:#64b5f6;outline:none;background-color:#2a2a2a}.comment-form span{font-size:.8rem;color:#9e7d7d;font-weight:700}.comment-form p{margin:1rem 0;color:green;font-size:15px}.submit-btn{background-color:#2a2a2a;color:#949292;width:100%;padding:.8rem 1.5rem;border:none;margin-top:1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease;letter-spacing:2px;font-family:Oswald,sans-serif}.submit-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;transform:translate(-50%,-50%);border-radius:50%;transition:width .4s ease,height .4s ease}.submit-btn:hover{transform:scale(1.02);box-shadow:0 0 10px #03a9f4}.submit-btn:active:after{width:200px;height:200px;transition:0s}.commentList{max-width:100%;margin:40px auto;padding:20px;background:#f9f9f9;border-radius:12px;box-shadow:0 0 20px #0000000d;color:#333}.commentList p:first-child{font-size:3rem;font-family:Oswald,sans-serif;font-weight:500}.commentList ol{list-style:none;padding:0;margin:0}.commentList li{background:#fff;padding:16px 20px;border-radius:10px;margin-bottom:15px;border:1px solid #e2e2e2;transition:transform .3s ease,box-shadow .3s ease}.commentList li:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000014}.commentList cite{font-style:normal;font-weight:600;color:#3c5267;font-size:1.3rem;letter-spacing:2px;margin-bottom:2rem;font-weight:700}.commentList p:last-child{margin-top:8px;line-height:1.6;color:#000;font-size:1.5rem;white-space:pre-line;margin-top:1rem}.email h2{font-size:3rem;font-family:Oswald,sans-serif;font-weight:300}.email-form{max-width:500px;margin:40px 0;padding:30px;background:#fff;border-radius:12px;box-shadow:0 0 30px #0003;font-family:Segoe UI,sans-serif;color:#222}.email-form label{display:block;margin-bottom:6px;font-weight:600;color:#333}.email-form label span{font-size:.85rem;font-weight:400;color:#777}.email-form input[type=text],.email-form textarea{width:100%;padding:12px 14px;margin-bottom:20px;border:1px solid #ccc;border-radius:8px;background-color:#f8f9fa;color:#222;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;resize:vertical}.email-form input:focus,.email-form textarea:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.email-form button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#1976d2;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:transform .2s,background-color .3s ease}.email-form button:hover{background-color:#125ea7;transform:scale(1.05)}.email-form button svg{font-size:1.2rem}.email-form p{margin-top:10px;font-size:.9rem;color:#444}.copyright{font-size:.8rem;font-family:Oswald,sans-serif}@media (max-width: 400px){#root{margin:1rem 5%;font-size:15px}.header{font-size:2.2rem}.info h1,.faqs h2,.faqs h3,.para{font-size:1.5rem!important}.info strong,.info small{font-size:15px}.image img{width:80px;height:100px}.comment h1{font-size:1rem;margin-left:10%;-webkit-text-stroke:.3px #fff}.commentBtn{transform:scale(1);transition:transform .2s ease;transition:transform .3s ease,box-shadow .3s ease;animation:attractPulse 1.5s ease-in-out infinite}@keyframes attractPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.comment-form{max-width:250px;max-height:400px;font-size:.8rem}.comment-form input[type=text],.comment-form textarea{padding:.4rem;margin-top:.3rem;font-size:.8rem}.comment-form p{font-size:8px}}@media (max-width: 480px){#root{margin:1rem 8%;font-size:20px}.header{font-size:2.5rem}.info h1{font-size:1.8rem}.faqs h2,.faqs h3,.para{font-size:1.8rem!important}.info strong,.info small{font-size:15px}.image img{width:100px;height:130px}.comment h1{font-size:1.2rem;margin-left:15%;-webkit-text-stroke:.3px #fff}.commentBtn{transform:scale(1);transition:transform .2s ease;transition:transform .3s ease,box-shadow .3s ease;animation:attractPulse 1.5s ease-in-out infinite}@keyframes attractPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.comment-form{max-width:250px;max-height:400px;font-size:.8rem}.comment-form input[type=text],.comment-form textarea{padding:.4rem;margin-top:.3rem;font-size:.8rem}.comment-form p{font-size:8px}}@media (max-width: 600px){#root{margin:1rem 10%;font-size:22px}.header{font-size:3rem}.info strong,.info small{font-size:15px}.image img{width:110px;height:170px}.comment h1{font-size:1.5rem;margin-left:17%;-webkit-text-stroke:.4px #fff}.commentBtn{transform:scale(1.2);transition:transform .2s ease;transition:transform .3s ease,box-shadow .3s ease;animation:attractPulse 1.5s ease-in-out infinite}@keyframes attractPulse{0%{transform:scale(1.2)}50%{transform:scale(1.5)}to{transform:scale(1.2)}}.comment-form{max-width:300px;max-height:400px;font-size:.8rem}.comment-form input[type=text],.comment-form textarea{padding:.4rem;margin-top:.3rem;font-size:.8rem}.comment-form p{font-size:12px}}@media (max-width: 768px){#root{margin:2rem 10%}.header{font-size:3.5rem}.info h1{font-size:2rem}.comment h1{font-size:2rem;margin-left:5%;-webkit-text-stroke:.5px #fff}.commentBtn{transform:scale(1.2);transition:transform .2s ease;transition:transform .3s ease,box-shadow .3s ease;animation:attractPulse 1.5s ease-in-out infinite}@keyframes attractPulse{0%{transform:scale(1.2)}50%{transform:scale(1.5)}to{transform:scale(1.2)}}}@media (max-width: 1024px){#root{margin:2rem 15%}.header{font-size:3.8rem}.image img{width:120px;height:160px}.comment h1{font-size:1.6rem;margin-left:17%;-webkit-text-stroke:.5px #fff}.commentBtn{transform:scale(1.4);transition:transform .2s ease;transition:transform .3s ease,box-shadow .3s ease;animation:attractPulse 1.5s ease-in-out infinite}@keyframes attractPulse{0%{transform:scale(1.4)}50%{transform:scale(1.6)}to{transform:scale(1.4)}}}