@import"https://fonts.googleapis.com/css2?family=Akaya+Kanadaka&family=Lora:ital,wght@0,400..700;1,400..700&family=Lugrasimo&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Sedan+SC&display=swap";body,html{margin:0;padding:0;font-family:Lora,serif;display:flex;flex-direction:column}html{scroll-behavior:smooth}.header{padding:8px 16px;background:#fff;position:fixed;width:100%;top:0;box-shadow:0 4px 6px #0000001a;z-index:20;overflow:hidden;letter-spacing:2px;font-size:18px;font-weight:600}.navbar{height:5rem;display:flex;justify-content:space-between;align-items:center;border:none!important}.navbar nav{margin-right:15px}.navbar a{padding:8px 16px;text-decoration:none;color:#000;cursor:pointer;color:#162443}.navbar a:hover{background-color:#fff;color:#9b2928}.logo:hover{background-color:#fff!important}.navbar ul{margin:0 20px 0 0;padding:0;list-style:none;display:flex}.hamburger{font-size:32px;margin-right:30px;cursor:pointer;display:block}.btns{text-align:center;background-color:#162443;color:#fff!important;border-radius:5px;transition:background-color .3s ease;margin:0 16px}.btns:hover{background-color:#9b2928!important}@media (max-width: 800px){.hamburger{font-size:24px;cursor:pointer;display:block}.nav-menu{position:fixed;top:0;right:-250px;width:200px;height:100%;background:#fff;box-shadow:-2px 0 5px #0003;transition:right .3s ease-in-out;display:flex;flex-direction:column;padding-top:60px}.nav-menu.open{right:0}.nav-menu ul{display:flex;flex-direction:column;padding:0}.nav-menu li{text-align:left;padding:12px}.nav-menu a{display:block;padding:12px;font-size:18px}.navbar nav{margin-right:0}.close-btn{font-size:24px;position:absolute;top:30px;right:15px;cursor:pointer}}@media (min-width: 801px){.hamburger,.close-btn{display:none}.nav-menu{display:flex}}@media (max-width: 500px){.header{padding:8px 12px}.logo img{width:200px;height:auto}.hamburger{font-size:24px;margin-right:20px}.nav-menu{width:180px;padding-top:50px}.nav-menu a{font-size:16px;padding:10px}.close-btn{font-size:20px;top:30px;right:12px}}.hamburger-container{display:block;margin-right:30px;z-index:25}@media (min-width: 801px){.hamburger-container{display:none}}body{margin:0;padding:0;min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;background-color:#f5f5f5}.app-container{flex:1;padding:20px;width:100%;max-width:1200px;margin:0 auto}button{cursor:pointer;border:none;outline:none;transition:all .3s ease}button:disabled{opacity:.7;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;outline:none;border:1px solid #ddd;border-radius:4px;padding:8px 12px;transition:all .3s ease}input:focus,textarea:focus,select:focus{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b33}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#000;background-color:#f5f5f5!important}.error{color:#dc3545;text-align:center;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}._container_hxjf1_1{position:relative;padding:20px;color:#000;z-index:10;background:linear-gradient(to bottom,#ffd5d4,#fff)}h1{color:#9b2928;font-size:3rem;text-align:center}._sma_hxjf1_29{display:flex;justify-content:center;align-items:center;padding:15px;margin-bottom:1rem;gap:20px;flex-wrap:wrap}._sma_hxjf1_29 p{flex:2;padding-right:15px;font-size:18px;text-align:justify;max-width:780px}._sma_hxjf1_29 img{flex:1;padding-left:15px;max-width:350px;height:auto}@media (max-width: 900px){._sma_hxjf1_29{flex-direction:column;align-items:center;text-align:center}._sma_hxjf1_29 p{padding:0;font-size:16px;max-width:90%;text-align:justify}._sma_hxjf1_29 img{padding:0;max-width:300px;margin-top:20px}}@media (max-width: 500px){h1{font-size:2.2rem}._sma_hxjf1_29 p{font-size:15px;max-width:95%}._sma_hxjf1_29 img{max-width:250px}}.container{position:relative;height:100vh;overflow:hidden;background-color:#fff}.welcome{z-index:0;opacity:1;padding:16px;width:60%;height:55%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ffd5d4;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:3rem;text-align:center;max-width:800px}.welcome p{margin:0}.welcome .w{color:#000;opacity:1;font-size:1.7rem;font-weight:600;padding:12px 0}.user{font-weight:700;font-size:1.8rem;color:#9b2928;letter-spacing:.5px}.welcome .vl{color:#9b2928;opacity:1;font-size:2.5rem;font-weight:700;padding:12px 0}.welcome .of{color:#000;opacity:1;font-size:1.7rem;font-weight:600;padding:10px 0}.welcome .sma{color:#9b2928;opacity:1;font-size:2.8rem;font-weight:800;padding:12px 0}.particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}@media (max-width: 900px){.welcome{width:80%;height:auto;padding:24px;margin-top:2rem}.welcome .w,.welcome .of{font-size:1.5rem}.user{font-size:1.6rem}.welcome .vl{font-size:2.2rem}.welcome .sma{font-size:2.5rem}}@media (max-width: 500px){.welcome{width:80%;height:auto;padding:20px;margin-top:1.5rem}.welcome .w,.welcome .of{font-size:1.2rem}.user{font-size:1.4rem}.welcome .vl,.welcome .sma{font-size:1.6rem}}.footer{background-color:#162443;color:#fff;padding:20px 0;text-align:center;position:relative;z-index:10}.footer-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;max-width:1100px;margin:0 auto;padding:20px 40px 0}.footer-section{flex:1;min-width:250px;text-align:center}.foo-p,.foo-p:hover{color:#fff}.ql{min-width:120px!important}.footer-section h2{font-size:20px;margin-bottom:10px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin:8px 0}.footer-section ul li a{color:#adadad;text-decoration:none}.footer-section ul li a:hover{text-decoration:underline;color:#fff}.footer-divider{width:2px;height:100px;background-color:#fff;margin:0 20px;display:none}.footer-map{flex:1;min-width:300px;height:200px;display:none}.footer-map iframe{width:100%;height:100%;border:none;border-radius:5px}.footer-title{padding:0 10px;font-size:16px;color:#fff}@media (min-width: 800px){.footer-container{flex-wrap:nowrap}.footer-section{text-align:left}.footer-divider,.footer-map{display:block}.footer-title{text-align:center}}@media (max-width: 425px){.footer-title h3{font-size:1rem}.footer-container h2{font-size:1.1rem}.footer-container ul{font-size:1rem}}@media (max-width: 365px){.footer-title h3{font-size:.9rem}.footer-container h2{font-size:1rem}.footer-container ul{font-size:.9rem}}.footer-title h3{margin-bottom:0}.footer{padding-bottom:40px}.features-section{text-align:center;padding:20px 20px 40px;background:linear-gradient(to bottom,#fff,#fff);position:relative;z-index:10}.features-title{font-size:3rem;color:#9b2928;margin-bottom:20px}.features-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;justify-content:center;align-items:stretch;max-width:1200px;margin:auto;padding:40px 10px}.feature-card{border:2px solid;border-radius:12px;padding:20px;background:#fff;box-shadow:2px 2px 15px #0000001a;transition:transform .3s ease-in-out}.feature-card:hover{transform:translateY(-10px)}.icon{font-size:40px;color:#fff;width:60px;height:60px;margin:auto;border-radius:50% 0;display:flex;align-items:center;justify-content:center}.feature-title{font-size:20px;font-weight:700;margin-top:15px}.feature-description{font-size:15px;color:#202020;margin-top:10px}@media (max-width: 1120px){.features-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.features-container{grid-template-columns:repeat(1,1fr)}}@media (max-width: 480px){.features-title{font-size:22px}}.team-section{text-align:center;padding:20px 20px 40px;background:linear-gradient(to bottom,#fff,#fff);position:relative;z-index:10}.team-title{font-size:3rem;color:#9b2928;margin-bottom:20px}.team-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1500px;margin:auto;padding:40px 10px}.team-card{width:200px;padding:20px;background:#fff;border:2px solid #9B2928;border-radius:12px;box-shadow:2px 2px 15px #0000001a;text-align:center;transition:transform .3s ease-in-out}.team-card:hover{transform:translateY(-10px)}.team-image{width:120px;height:120px;border-radius:50%;border:3px solid #9B2928;object-fit:cover}.team-name{font-size:18px;font-weight:700;margin-top:10px}.team-role{font-size:15px;font-weight:700;color:#162443;text-align:center}.team-description{font-size:12px;color:#202020;margin-top:5px;text-align:center}.team-icons{margin-top:10px;display:flex;justify-content:center;gap:10px;font-size:16px}.team-icons a{text-decoration:none;color:#202020}.team-icons i:hover{color:#162443;cursor:pointer}@media (max-width: 768px){.team-container{gap:15px}.team-card{width:350px}}@media (max-width: 480px){.team-title{font-size:32px}.team-card{width:250px}}.mentor-section{text-align:center;padding:20px 20px 40px;background:linear-gradient(to bottom,#fff,#ffd5d4);position:relative;z-index:10}.mentor-title{font-size:3rem;color:#162443;margin-bottom:20px}.mentor-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1500px;margin:auto;padding:40px 10px}.mentor-card{width:200px;padding:20px;background:#fff;border:2px solid #162443;border-radius:12px;box-shadow:2px 2px 15px #0000001a;text-align:center;transition:transform .3s ease-in-out}.mentor-card:hover{transform:translateY(-10px)}.mentor-image{width:120px;height:120px;border-radius:50%;border:3px solid #162443;object-fit:cover}.mentor-name{font-size:18px;font-weight:700;margin-top:10px}.mentor-role{font-size:15px;font-weight:700;color:#9b2928;text-align:center}.mentor-description{font-size:12px;color:#202020;margin-top:5px;text-align:center}.mentor-icons{margin-top:10px;display:flex;justify-content:center;gap:10px;font-size:16px}.mentor-icons a{text-decoration:none;color:#202020}.mentor-icons i:hover{color:#9b2928;cursor:pointer}@media (max-width: 768px){.mentor-container{gap:15px}.mentor-card{width:350px}}@media (max-width: 480px){.mentor-title{font-size:32px}.mentor-card{width:250px}}._container_1jy0r_3{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;margin:6rem 0 0;background-color:#f5f5f5}._form_container_1jy0r_23{display:flex;margin:1rem 0;width:800px;height:60vh;background-color:#fff;box-shadow:3px 4px 36px -6px #adadad;border-radius:20px}._left_1jy0r_43{flex:2;overflow:hidden;border-top-left-radius:50px;border-bottom-left-radius:50px;display:flex;align-items:center;justify-content:center}._img_1jy0r_63{width:100%}._right_1jy0r_71{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center}._right_1jy0r_71 form{display:flex;flex-direction:column;align-items:center;justify-content:space-between}._from_heading_1jy0r_101{font-size:32px;font-weight:600;color:#9b2928;margin:0 0 1.5rem}._input_1jy0r_115{width:90%;margin-bottom:.8rem!important}._btn_1jy0r_125{font-family:Lora,serif;font-size:18px;font-weight:600;padding:8px 16px;outline:none;border:none;cursor:pointer;background-color:#9b2928;color:#fff!important;border-radius:5px;transition:background-color .3s ease;margin:0 0 .5rem;letter-spacing:2px}._btn_1jy0r_125:hover{background-color:#162443}._text_1jy0r_165{font-size:16px;font-weight:500;color:#000;margin:0 0 .5rem;padding:0}._google_btn_1jy0r_181{width:303.13px;height:40px;border-radius:5px;border:1px solid #ccc;background-color:#fff;transition:background-color .3s ease;font-size:16px;font-weight:500;margin:0 0 1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}._google_btn_1jy0r_181:hover{border:1px solid black;background-color:#e1e1e1}._google_btn_1jy0r_181>img{width:25px;height:25px;object-fit:cover}._google_btn_1jy0r_181>span{margin-left:8px}._textend_1jy0r_243{font-size:16px;font-weight:500;color:#000;margin:0;padding:0}._textend_1jy0r_243>a{color:#162443}._textend_1jy0r_243>a:hover{color:#9b2928}._rf_1jy0r_275{font-weight:500!important;width:303.13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}._rf_1jy0r_275 a{color:#162443}._rf_1jy0r_275 a:hover{color:#9b2928}@media (max-width: 900px){._form_container_1jy0r_23{width:100%;height:auto}._left_1jy0r_43{flex:1;margin-bottom:1.5rem}._right_1jy0r_71{flex:1;width:100%;padding:20px 10px 20px 0}._img_1jy0r_63{width:80%}._from_heading_1jy0r_101{font-size:28px;text-align:center}._input_1jy0r_115,._google_btn_1jy0r_181{width:90%}._rf_1jy0r_275{width:100%;align-items:center;justify-content:center}._textend_1jy0r_243{text-align:center}}@media (max-width: 768px){._form_container_1jy0r_23{flex-direction:column;margin:0}._left_1jy0r_43{flex:1;width:100%;margin-bottom:1.5rem}._right_1jy0r_71{flex:1;width:100%;padding:20px 10px 20px 0}._img_1jy0r_63{width:75%}._from_heading_1jy0r_101{font-size:24px;text-align:center}._input_1jy0r_115,._google_btn_1jy0r_181{width:90%}._google_btn_1jy0r_181{width:50%}._btn_1jy0r_125{font-size:16px}._rf_1jy0r_275{width:100%;align-items:center;justify-content:center}._textend_1jy0r_243{text-align:center}}@media (max-width: 500px){._google_btn_1jy0r_181{width:70%}._btn_1jy0r_125{font-size:16px}._input_1jy0r_115{width:90%}._form_container_1jy0r_23{padding:0 10px;margin:0}._from_heading_1jy0r_101{font-size:20px}._left_1jy0r_43{flex:1;width:100%}._right_1jy0r_71{flex:1;width:100%;padding:10px 10px 20px 0}._img_1jy0r_63{width:70%}._rf_1jy0r_275{width:100%;align-items:center;justify-content:center}._textend_1jy0r_243{text-align:center}._text_1jy0r_165{font-size:14px}}._container_1i073_1{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;margin:6rem 0 0;background-color:#f5f5f5}._form_container_1i073_21{display:flex;margin:1rem 0;width:800px;height:65vh;background-color:#fff;box-shadow:3px 4px 36px -6px #adadad;border-radius:20px}._left_1i073_41{flex:2;overflow:hidden;border-top-left-radius:50px;border-bottom-left-radius:50px;display:flex;align-items:center;justify-content:center}._img_1i073_61{width:100%}._right_1i073_69{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center}._right_1i073_69 form{display:flex;flex-direction:column;align-items:center;justify-content:space-between}._from_heading_1i073_99{font-size:32px;font-weight:600;color:#162443;margin:0 0 1rem}._input_1i073_113{width:303.13px;margin-bottom:.8rem!important}._error_1i073_123{text-align:center;max-width:300px;font-size:small;color:#d32f2f;margin:0 0 .8rem}._btn_1i073_139{font-family:Lora,serif;font-size:18px;font-weight:600;padding:8px 16px;outline:none;border:none;cursor:pointer;background-color:#162443;color:#fff!important;border-radius:5px;transition:background-color .3s ease;margin:0 0 .5rem;letter-spacing:2px}._btn_1i073_139:hover{background-color:#9b2928}._text_1i073_179{font-size:16px;font-weight:500;color:#000;margin:0 0 .5rem;padding:0}._google_btn_1i073_195{width:303.13px;height:40px;border-radius:5px;border:1px solid #ccc;background-color:#fff;transition:background-color .3s ease;font-size:16px;font-weight:500;margin:0 0 1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}._google_btn_1i073_195:hover{border:1px solid black;background-color:#e1e1e1}._google_btn_1i073_195>img{width:25px;height:25px;object-fit:cover}._google_btn_1i073_195>span{margin-left:8px}._textend_1i073_257{font-size:16px;font-weight:500;color:#000;margin:0;padding:0}._textend_1i073_257>a{color:#9b2928}._textend_1i073_257>a:hover{color:#162443}@media (max-width: 900px){._form_container_1i073_21{width:100%;height:auto}._left_1i073_41{flex:1;margin-bottom:1.5rem}._right_1i073_69{flex:1;width:100%;padding:20px 10px 20px 0}._img_1i073_61{width:80%}._from_heading_1i073_99{font-size:28px;text-align:center}._input_1i073_113{width:100%}._textend_1i073_257{text-align:center}}@media (max-width: 768px){._form_container_1i073_21{flex-direction:column;margin:0}._left_1i073_41{flex:1;width:100%;margin-bottom:1.5rem}._right_1i073_69{flex:1;width:100%;padding:20px 10px 20px 0}._img_1i073_61{width:75%}._from_heading_1i073_99{font-size:24px;text-align:center}._input_1i073_113,._google_btn_1i073_195{width:90%}._google_btn_1i073_195{width:50%}._btn_1i073_139{font-size:16px}._textend_1i073_257{text-align:center}}@media (max-width: 500px){._google_btn_1i073_195{width:70%}._btn_1i073_139{font-size:16px}._input_1i073_113{width:90%}._form_container_1i073_21{padding:0 10px;margin:0}._from_heading_1i073_99{font-size:20px}._left_1i073_41{flex:1;width:100%}._right_1i073_69{flex:1;width:100%;padding:0 10px 20px 0}._img_1i073_61{width:70%}._textend_1i073_257{text-align:center}._text_1i073_179{font-size:14px}}.flip-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1200px;margin:auto;gap:25px;padding:0 20px 20px;margin-bottom:3rem;place-items:center;place-content:center}.flip-card{width:250px;height:250px;perspective:1000px;cursor:pointer;transition:transform .3s ease;display:flex;justify-content:center;align-items:center;margin:auto}.flip-card-inner{width:100%;height:100%;position:relative;border:2px solid #162443;border-radius:12px;transform-style:preserve-3d;transition:transform .6s ease-in-out}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{width:100%;height:100%;position:absolute;backface-visibility:hidden;border-radius:12px;box-shadow:0 5px 10px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:box-shadow .3s ease;background:#e8e7e7}.flip-card-img{width:100%;height:100%;object-fit:cover;border-radius:11px 11px 0 0}.flip-card-title{font-size:16px;font-weight:700;color:#162443}.flip-card-back{transform:rotateY(180deg)}.flip-card-back p{padding:0 10px;font-size:1rem}.flip-card:hover{transform:scale(1.05)}.flip-card-link{display:inline-block;margin-top:10px;padding:8px 12px;background-color:#162443;color:#fff;transition:background-color .3s ease;text-decoration:none;border-radius:5px;font-weight:700}.flip-card-link:hover{background:#9b2928}.experiments-title{font-size:3rem;color:#9b2928;margin-top:9rem;margin-bottom:3rem}@media (max-width: 480px){.experiments-title{font-size:2rem}}.about-container{display:flex;flex-direction:column;margin:auto;margin-top:6rem;background-color:#fff}.about-kjsit p,.about-computer p{font-size:1rem;text-align:justify}.top-section{display:flex}.about-kjsit,.college-image{flex:1}.college-image img{width:100%;height:100%}.about-kjsit,.about-computer{background:#f9f9f9;padding:20px;box-shadow:0 2px 5px #0000001a}.about-kjsit h2,.about-computer h2{font-size:1.5rem;color:#9b2928}.bottom-section{display:flex}.lab-image{flex:1}.lab-image img{width:100%;height:100%}.about-computer{flex:1}@media (max-width: 900px){.top-section{flex-direction:column-reverse}.bottom-section{flex-direction:column}}@media (max-width: 900px){.about-kjsit p,.about-computer p{font-size:1rem}.about-kjsit h2,.about-computer h2{font-size:1.3rem}}@media (max-width: 500px){.about-kjsit p,.about-computer p{font-size:.8rem}.about-kjsit h2,.about-computer h2{font-size:1.1rem}}@media (min-width: 901px){.college-image img,.lab-image img{width:50vw}.about-kjsit p,.about-computer p{font-size:1rem}.about-kjsit h2,.about-computer h2{font-size:1.3rem}}@media (min-width: 1500px){.about-kjsit p,.about-computer p{font-size:1.3rem}.about-kjsit h2,.about-computer h2{font-size:2rem}}body{background:linear-gradient(to bottom,#ffd5d4,#ffd5d4,#ffd5d4,#ffd5d4,#ffd5d4,#fff,#fff)}.vision-mission-container{margin:auto auto 0;text-align:center;padding:40px 30px 60px;background:linear-gradient(to bottom,#ffd5d4,#fff)}@media (min-width: 1000px){.vision{padding-left:100px;padding-right:100px}}.vision h2{color:#9b2928;font-size:1.5rem}.vision p{font-size:1rem;line-height:1.6}.mission{padding-top:20px;place-items:center}.mission h2{color:#9b2928;font-size:1.5rem}.mission-grid{max-width:900px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.mission-card{width:300px;background:#9b2928;color:#fff;padding:20px;border-radius:20px;font-size:1rem;text-align:center;box-shadow:2px 2px 10px #0000001a}@media (max-width: 800px){.mission-grid{grid-template-columns:1fr}}@media (min-width: 800px){.mission-1{border-radius:20px 0 0}.mission-2{border-radius:0 20px 0 0}.mission-3{border-radius:0 0 0 20px}.mission-4{border-radius:0 0 20px}}@media (max-width: 500px){.vision p,.mission-card{font-size:.8rem}.vision h2,.mission h2{font-size:1.3rem}}@media (min-width: 1500px){.vision p,.mission-card{font-size:1.2rem}.vision h2,.mission h2{font-size:2rem}}@media (max-width: 400px){.mission-card{width:90%}}.notfound-container{height:100vh;background:linear-gradient(135deg,#f9f9f9,#e0e0e0);display:flex;justify-content:center;align-items:center}.notfound-box{background-color:#fff;padding:40px 60px;border-radius:10px;box-shadow:0 8px 20px #0000001a;text-align:center;animation:fadeIn .5s ease-in-out}.notfound-title{font-size:6rem;color:#ff6b6b;margin-bottom:10px}.notfound-text{font-size:1.5rem;color:#333;margin-bottom:20px}.notfound-link{font-size:1rem;padding:10px 20px;background-color:#07c;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.notfound-link:hover{background-color:#005fa3}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.experiment-container{height:auto;margin:auto;margin-top:6rem;margin-bottom:3rem;padding:0 20px 20px}.exp-navbar{position:sticky;top:6rem;background-color:#f5f5f5;z-index:10;display:flex;align-items:center;justify-content:center;gap:16px;border-bottom:1px solid #ccc;padding:1rem 10px;box-shadow:inset 0 4px 6px -4px #0000001a}.exp-navbar button{font-family:Lora,serif;font-size:1rem;padding:8px 12px;border:none;background-color:#fff;cursor:pointer}.exp-title{text-align:center;font-size:2rem;margin-bottom:1rem}.exp-content{min-height:150px;background:#fff;padding:15px;border-radius:5px;line-height:1.6;font-size:16px;margin:0 1rem;display:flex;justify-content:center}.exp-content h3{margin-top:1.2rem;font-size:20px;color:#444}.exp-content ul{padding-left:20px}.exp-content p{margin-bottom:1rem}@media (max-width: 800px){.exp-navbar{flex-direction:column;gap:12px;padding:1rem}.exp-navbar button{font-size:.9rem;padding:6px 10px}.exp-title{font-size:1.5rem}.exp-content{margin:0 .5rem;padding:10px}.exp-content h3{font-size:18px}}@media (max-width: 500px){.exp-navbar{flex-direction:column;align-items:flex-start;gap:10px}.exp-navbar button{font-size:.85rem;padding:6px 8px;width:100%}.exp-title{font-size:1.25rem;margin:1rem 0}.exp-content{margin:0 .3rem;padding:8px;font-size:14px}.exp-content h3{font-size:16px}.exp-content ul{padding-left:15px}}@media (max-width: 400px){.exp-navbar{flex-direction:column;gap:8px;padding:1rem}.exp-navbar button{font-size:.8rem;padding:5px 8px;width:100%}.exp-title{font-size:1.1rem;margin:1rem 0}.exp-content{margin:0;padding:6px;font-size:12px}.exp-content h3{font-size:14px}.exp-content ul{padding-left:10px}}.exp-navbar-wrapper{position:sticky;top:6rem;background-color:#f5f5f5;z-index:10}.menu-icon{display:none;font-size:1.5rem;cursor:pointer;padding:10px;-webkit-user-select:none;user-select:none;color:#9b2928}.exp-navbar{position:sticky;top:6rem;background-color:#f5f5f5;z-index:10;display:flex;align-items:center;justify-content:center;gap:16px;border-bottom:1px solid #ccc;padding:1rem 10px;box-shadow:inset 0 4px 6px -4px #0000001a;transition:all .5s ease-in-out}.exp-navbar button{color:#162443}.exp-navbar.open button{opacity:1;transform:translateY(0)}@media (max-width: 800px){.menu-icon{display:block;margin-left:10px}.exp-navbar{flex-direction:column;align-items:flex-start;overflow:hidden;max-height:0;padding:0;background-color:#f5f5f5;box-shadow:none}.exp-navbar button{width:100%;text-align:left;padding:12px 16px;border:none;font-size:1rem;background-color:#fff;opacity:0;transform:translateY(-20px);transition:all .5s ease}.exp-navbar.open{max-height:500px;padding:1rem 10px;transition:all .5s ease}}.exp-navbar button.active{background-color:#9b2928;color:#fff;font-weight:700}@media (max-width: 500px){.exp-title{font-size:1.5rem}}@media (max-width: 400px){.exp-title{font-size:1.2rem}}.feedback-container{max-width:600px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:#666}.feedback-container h2{color:#2c3e50;margin-bottom:1rem;text-align:center;margin-top:0}.feedback-description{color:#666;text-align:center;margin-bottom:2rem}.feedback-form{display:flex;flex-direction:column;gap:1.5rem}.feedback-field{display:flex;flex-direction:column;gap:.5rem}.feedback-field label{font-weight:500;color:#2c3e50}.rating-group{display:flex;justify-content:space-between;gap:1rem;margin-top:.5rem}.rating-label{display:flex;flex-direction:column;align-items:center;cursor:pointer}.rating-label input[type=radio]{display:none}.rating-label span{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid #ddd;border-radius:50%;transition:all .3s ease}.rating-label input[type=radio]:checked+span{background-color:#9b2928;color:#fff;border-color:#9b2928}.feedback-field textarea{width:95%;padding:.75rem;border:1px solid #ddd;border-radius:8px;resize:vertical;font-family:inherit}.feedback-field textarea:focus{outline:none;border-color:#9b2928;box-shadow:0 0 0 2px #4caf501a}.feedback-buttons{display:flex;justify-content:center;margin-top:1rem}.submit-button{padding:.75rem 2rem;background-color:#9b2928;color:#fff;border:none;border-radius:5px;font-weight:500;cursor:pointer;transition:all .3s ease}.submit-button:hover{background-color:#162443}.feedback-error{color:#f44336;text-align:center;margin-top:1rem}.feedback-success{text-align:center;color:#9b2928}.feedback-success h2{color:#9b2928;margin-bottom:1rem}.previous-feedback-notice{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.previous-feedback-notice p{color:#495057;margin-bottom:15px}.previous-feedback-summary{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:15px;margin-top:10px}.previous-feedback-summary h3{color:#212529;margin-bottom:10px;font-size:1.1rem}.previous-feedback-summary p{margin:5px 0;color:#6c757d}@media (max-width: 768px){.feedback-container{margin:1rem;padding:1.5rem}.rating-group{flex-wrap:wrap;justify-content:center}.rating-label span{width:35px;height:35px}}.experiment-feedback-container{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.experiment-feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.experiment-feedback-header h2{margin:0;color:#333;font-size:1.5rem}.close-button{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem;line-height:1;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#f0f0f0;color:#333}.feedback-button{background-color:#9b2928;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 0;cursor:pointer;border-radius:5px;transition:background-color .3s}.feedback-button:hover{background-color:#162443}@media (max-width: 450px){.feedback-container{margin:0;padding:1rem;box-shadow:none}.feedback-container h2{margin-top:0}.rating-group{flex-wrap:wrap;justify-content:center}.rating-label span{width:30px;height:30px}.feedback-field textarea{width:90%}}