@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";body,html{margin:0;padding:0;font-family:Source Code Pro,monospace;color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#2c2c2c}::-webkit-scrollbar-thumb{background:#656565;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#777777}.main-container{display:flex;flex-direction:column;height:100vh}.navigation-bar+*{padding-top:20px}.content{flex:1;padding:20px}@media (min-width: 768px){.content{max-width:960px;margin:auto}}.navigation-bar{display:flex;justify-content:flex-start;align-items:center;background-color:#333;padding:10px 20px;list-style:none;margin:0;overflow:hidden;position:fixed;top:0;left:0;right:0;transition:transform .5s ease-in-out;transform:translateY(0);z-index:2000;box-shadow:0 2px 5px #0000004d}.navbar-logo-icon{margin-left:50px;margin-right:15px;width:30px;height:30px}.navbar-logo-text{margin-right:auto;font-size:24px;font-weight:600;color:transparent;-webkit-text-stroke:1px white}.navigation-bar a{color:#fff;padding:10px 15px;text-decoration:none;text-align:center;transition:background-color .5s ease-in-out,color .5s ease-in-out,border-radius .3s ease-in-out;margin-right:10px;flex:0 0 auto;border-radius:5px;font-weight:500}.navigation-bar a:hover,.navigation-bar a:focus{background-color:#ddd;color:#555;border-radius:15px}@media screen and (max-width: 768px){.navigation-bar{justify-content:center;padding:10px;transition:transform .5s ease-in-out}.navigation-bar a{margin:5px;padding:10px}}.nav-link-active a{background-color:#ddd;color:#555;border-radius:15px}.navigation-bar-hidden{transform:translateY(-100%)}.navigation-bar-visible{transform:translateY(0)}.footer{margin-top:100px;padding:0;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;bottom:0;width:100%;color:#fff;background-color:transparent}.upload-box{width:400px;height:300px;border:2px dashed #c7c7c7;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;color:#fff;background-color:#33333380;transition:background-color .3s ease;border-radius:10px;box-shadow:0 0 0 60px #3333,0 0 0 40px #3333334d,0 0 0 20px #3336}.upload-box:hover{background-color:#49494980;box-shadow:0 0 0 90px #3333,0 0 0 60px #3333334d,0 0 0 30px #3336}.upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease}.upload-icon{width:100px;height:100px;transition:transform .3s ease}.upload-box:hover .upload-icon{transform:scale(1.1)}.result-area{color:#eee;margin:50px auto 20px;padding:20px;border-radius:15px;box-shadow:0 4px 8px #00000080;background-color:#50505080;display:flex;flex-direction:column;align-items:center;width:920px;overflow:hidden}.result-area h2{margin:0 auto;flex-grow:1;text-align:center}.title-feedback-container{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}h3{color:#fa8128}.result-content{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:20px;width:100%;padding:10px 0}.card{padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000004d;background-color:#2b2b2b;margin:10px;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease;height:280px;width:300px}.card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000080}.text-area,.source-area{width:480px;align-items:flex-start}.text-area{padding-left:40px;width:460px}.prediction-result{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto)}.prediction-secion{max-height:130px;width:180px;padding-right:50px;padding-bottom:20px;margin-right:-30px}.longer-prediction-secion{width:230px}.source-area{margin-top:10px;padding:20px}.source-area h3,.source-area p{padding-left:20px;padding-right:20px}.sources{display:flex;flex-direction:column;align-items:center;height:100%;overflow-x:auto}.source{padding-top:10px;padding-bottom:10px;padding-left:10px;max-height:40px;width:95%;background-color:#333;border-radius:8px;display:flex;align-items:center;justify-content:start;margin-bottom:10px}.source img{width:45px;height:45px;object-fit:cover;margin-right:10px;border-radius:5px}.source a{color:#fff;text-decoration:none;transition:color .2s ease;padding-right:10px;overflow:hidden;height:100%}.source a:hover{color:#fab972}.image-display{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px;box-shadow:0 2px 4px #ffffff1a}.loading-message,.error-message{width:920px;text-align:center;background-color:#0000004d;margin:50px auto 20px;padding:20px;border-radius:15px}.result-content::-webkit-scrollbar{height:8px}.result-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.result-content::-webkit-scrollbar-track{background:transparent}.sources::-webkit-scrollbar{height:8px}.sources::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.sources::-webkit-scrollbar-track{background:#2b2b2b}.feedback-container{text-align:center;max-width:300px;position:absolute;top:0;right:0;margin-right:20px;margin-top:3px}.feedback-hover-trigger{padding-top:6px;color:#fff;transition:background-color .3s ease,transform .15s ease;font-weight:500}.feedback-hover-trigger:hover{transform:scale(1.02)}.feedback-area{display:flex;justify-content:center;gap:10px;opacity:0;visibility:hidden;position:absolute;width:100%;top:100%;left:50%;transform:translate(-50%,5px);transition:opacity .3s ease,visibility 0s linear .3s,transform .3s ease;border-radius:15px;padding:15px;background-color:#007bffe6;box-shadow:0 4px 6px #0000001a}.feedback-container:hover .feedback-area{opacity:1;visibility:visible;transform:translate(-50%)}.feedback-button{padding:5px 14px;font-size:14px;border:none;cursor:pointer;transition:background-color .2s ease,transform .15s ease;color:#fff;border-radius:10px;margin-left:5px}.feedback-button.good,.feedback-button.bad{background-color:#28a745;transition:background-color .3s ease}.feedback-button.good:hover{background-color:#25963e}.feedback-button.bad{background-color:#dc3545}.feedback-button.bad:hover{background-color:#b82e34}.thank-you-message{padding-top:6px;opacity:0}.fade-in{opacity:1;transition:opacity 2s ease}.home-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;max-width:1460px;margin:auto}.content-wrapper{width:100%;display:flex;justify-content:space-between;margin-top:170px}.left-side p{font-size:20px}.left-side h1{font-size:40px;font-weight:600;color:transparent;-webkit-text-stroke:1px white}.background-image{position:absolute;max-width:800px;top:380px;left:950px;transform:scaleX(-1);z-index:-1}.left-side,.right-side{display:flex;flex-direction:column;align-items:center;flex-basis:48%}.right-side{margin-top:40px;margin-right:-20px}.left-side{font-weight:100}.detect-button{margin-top:30px;padding:5px 165px;font-size:15px;font-weight:500;color:#fff;background-color:#fa8128;border-radius:5px;border:none;cursor:pointer;transition:background-color .2s,transform .2s;z-index:1000;font-family:Source Code Pro,monospace}.detect-button:hover{background-color:#b56727;transform:translateY(2px)}.scroll-down-indicator{text-align:center;margin-bottom:50px;margin-top:150px}.scroll-down-indicator span{display:block;margin-bottom:10px;color:#fff;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.scroll-down-indicator .line{width:100px;height:2px;background-color:#fff;margin:0 auto;animation:expandLine 2s ease-out infinite}.result-header{color:#fff;margin-top:70px;margin-left:20px;font-size:30px;margin-bottom:-20px}@keyframes expandLine{0%,to{width:50px}50%{width:150px}}.about-container{max-width:800px;margin:100px auto auto;padding:20px}.about-container h1{font-size:80px;color:transparent;-webkit-text-stroke:1px white}.about-container h2{margin-top:50px}.about-container p,.about-container ul{line-height:1.6;margin-bottom:20px;color:#aaa;font-family:Arial,sans-serif}.about-container a{color:#4a90e2;text-decoration:none}.about-container a:hover{text-decoration:underline}.about-container ul{list-style-type:disc;margin-left:-10px;margin-top:0;padding-top:0}@media (max-width: 768px){.about-container{padding:10px}.about-container h1{font-size:48px;-webkit-text-stroke:.75px white}}.faq-container{max-width:800px;margin:100px auto auto;padding:20px;color:#aaa}.faq-container h1{font-size:80px;color:transparent;-webkit-text-stroke:1px white;text-align:center;margin-bottom:50px}.faq-card{background-color:#50505066;border-radius:8px;box-shadow:0 4px 8px #0003;margin-bottom:30px;padding:20px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.faq-card:hover{transform:scale(1.03);box-shadow:0 6px 12px #0000004d}.faq-card h2{margin-top:0;color:#fff}.faq-card p{line-height:1.6;margin-bottom:20px;font-family:Arial,sans-serif}.faq-container a{color:#4a90e2;text-decoration:none}.faq-container a:hover{text-decoration:underline}@media (max-width: 768px){.faq-container{padding:10px}.faq-container h1{font-size:48px;-webkit-text-stroke:.75px white}}.api-container{max-width:800px;margin:100px auto auto;padding:20px}.api-container h1{font-size:60px;color:transparent;-webkit-text-stroke:1px white}.api-container h2{margin-top:50px}.api-container p,.api-container ul{line-height:1.6;margin-bottom:20px;color:#aaa;font-family:Arial,sans-serif}.api-container a{color:#4a90e2;text-decoration:none}.api-container a:hover{text-decoration:underline}.api-container ul{list-style-type:disc;margin-left:-10px;margin-top:0;padding-top:0}@media (max-width: 768px){.api-container{padding:10px}.api-container h1{font-size:48px;-webkit-text-stroke:.75px white}}.team-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;margin-top:250px}.team-member{display:flex;align-items:center;flex-direction:column;text-align:center;width:65%;margin-bottom:50px}.member-photo{width:150px;height:auto;border-radius:30px;margin-top:10px}.member-info h2,.member-info p{margin-bottom:10px}.member-info p{line-height:1.6;color:#aaa}.member-info a{color:#4a90e2;text-decoration:none}.member-info a:hover{text-decoration:underline}@media (min-width: 768px){.team-member{flex-direction:row;justify-content:center;text-align:left}.member-photo{margin-right:40px;width:200px;margin-top:0}.member-info{max-width:60%}.team-container{align-items:center}}.contact-container{display:flex;flex-direction:column;align-items:center;padding:20px;margin-top:180px}.contact-form{display:flex;flex-direction:column;width:100%;max-width:500px}.contact-form label{margin-bottom:5px;color:#aaa}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{padding:10px;margin-bottom:20px;border-radius:5px;border:1px solid #ddd;resize:none}.contact-form button{padding:10px;background-color:#fa8128;color:#fff;border:none;border-radius:5px;cursor:pointer}.contact-form button:hover{background-color:#b56727}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:230px;text-align:center;padding:20px}.error-container h1{font-size:4rem}.error-container p{font-size:1.5rem}.error-container a{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#fa8128;color:#fff;border-radius:5px;text-decoration:none}.error-container a:hover{background-color:#b56727}.draggable-circle{position:fixed;z-index:10000;transform:scaleX(1) scaleY(1)}.event-handler{width:60px;height:60px;-webkit-user-select:auto;user-select:auto;cursor:grab;z-index:11000;display:flex;justify-content:center;align-items:center;background-color:#555;border-radius:50%;box-shadow:0 0 10px #000;transform:scaleX(1) scaleY(1);transition:transform .3s ease}.event-handler:hover{background-color:#666;box-shadow:0 0 15px #505050}.event-handler:active{cursor:grabbing;-webkit-user-select:none;user-select:none;transform:scaleX(.9) scaleY(.9)}.message-image{width:35px;height:35px;-webkit-user-select:none;user-select:none}.red-dot{width:20px;height:20px;background-color:red;border-radius:50%;position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:500}.dot-text{margin-left:1px;margin-bottom:1px}.consultation-area{background-color:#1a1a1a;color:#fff;padding:20px;border-radius:15px;box-shadow:0 0 8px #fff3;width:600px;display:flex;flex-direction:column;position:fixed}.messages-container{height:300px;overflow-y:auto;margin-bottom:20px;background-color:#222;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:10px}.message{max-width:80%;padding:10px;border-radius:16px;color:#000;font-size:14px;line-height:1.5;position:relative;white-space:pre-wrap}.message.user{align-self:flex-end;background-color:#4a90e2;color:#fff}.message.gpt{align-self:flex-start;background-color:#f0f0f0;color:#333}.consultation-input{width:calc(100% - 24px);padding:12px;margin:0 0 12px;background-color:#333;border:1px solid #444;border-radius:8px;color:#ddd;resize:none}.consultation-submit{width:100%;padding:10px 0;background-color:#4a90e2;border:none;border-radius:8px;cursor:pointer;color:#fff;font-weight:700;transition:background-color .2s}.consultation-submit:hover{background-color:#357abd}.consultation-submit:disabled{background-color:#a0b9d9;color:#ccc;cursor:not-allowed}