@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300..700&family=Zain:wght@200;300;400;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap);.nav-container{background-color:var(--bg-color);color:#fff;font-size:10px;padding:11px}.nav-container,.nav-elements{display:flex;flex-direction:row;justify-content:space-around}.nav-brand{flex-direction:row;gap:250px}.nav-brand,.navbrand{align-items:center;display:flex;justify-content:space-between}.navbrand{gap:20px}.nav-brand-name{font-weight:700}.nav-links{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:space-around;margin:0;padding:0}.nav-brand-name{position:relative;right:14px}.nav-link-explore,.nav-links a{font-size:1.3rem}.nav-links a{color:#fff;font-weight:500;opacity:1;text-decoration:none;transition:.1s ease-in-out}.nav-links a:hover{color:#649aff;cursor:pointer;opacity:1}.nav-login-btn{align-items:center;background-color:#2f57fa;border:none;border-radius:10px;color:#fff;font-size:12px;font-weight:700;gap:2rem;padding:5px 15px}.nav-compare-btn,.nav-logout-btn{align-items:center;background-color:#2f57fa;border:none;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:700;gap:5px;padding:5px 12px}.nav-dropdown{position:relative}.nav-dropdown-button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:1.3rem;margin:10px;position:relative;top:2px;transition:.1s ease-in-out}.nav-dropdown-button:hover{color:#649aff;cursor:pointer}.nav-dropdown-menu{background-color:#030c25;color:#2f57fa;display:none;font-size:.8rem;left:-40px;min-width:190px;position:absolute;top:107%;z-index:1000}.nav-dropdown-item{color:#2f57fa;display:block;font-size:1rem;padding:10px 15px;text-decoration:none}.nav-dropdown-item:hover{background-color:#fff;color:#0059ff}.nav-dropdown:hover .nav-dropdown-menu{display:block}.drawer-header{align-items:end;display:flex;justify-content:flex-end;padding:10px;text-align:end}@media (max-width:1005px){.nav-links{display:none}.nav-brand{gap:170px}}.container{background-color:var(--main-color);height:auto;padding:0}.signup-to-homepage{height:20px;left:10%;position:absolute;top:2%;width:20px}.signup-welcome{color:#fff}.button p{font-weight:bolder}input{width:300px}input[type=text]:focus{cursor:pointer}#next{background-color:#1442c1;border:1px solid #001dda;width:auto}#signup a{color:#fff}@media(max-width:1005px){.signup-container{padding:80px 0 0}.container{border-radius:10;font-size:20px;margin:0;max-width:400px;padding:30px 0 40px}.login-welcome-text{font-size:1.3rem}#signup a{font-size:12px}.signUp-btn{font-size:10px}}.signup-container{background-color:var(--bg-color);color:#fff;height:100vh;overflow-y:hidden;padding-top:50px;text-align:center}.container,.signup-container{align-items:center;display:flex;justify-content:center}.container{background-color:rgba(29,23,112,.447);border-radius:12px;box-shadow:0 0 10px 0 #0000001a;flex-direction:column;margin:10px;overflow-x:hidden;padding:40px;width:auto}.login-welcome-text{font-size:2rem;font-weight:700;margin:1rem}.back{font-size:1.5rem;position:absolute;right:50%}.back a{color:#fff;text-decoration:none;transition:.1s ease-in-out}.back:hover a{color:#1d9bf0;cursor:pointer}.button{align-items:center;background-color:#fff;border:1px solid #1d9bf0;border-radius:24px;display:flex;margin:1rem 0;padding:.3rem 2rem}.button:hover{cursor:pointer}.button .img{padding-right:1rem}.button p{font-weight:700}.img{height:20px;width:20px}.forms{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;text-align:center}input{margin:.8rem}input[type=password],input[type=text]{border:1px solid gray;border-radius:10px;padding:.8rem 1rem}input[type=text]:focus{border:1px solid #1d9bf0;outline:none}.signUp-btn{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:1.4rem}#next{background-color:#151414;border-radius:24px;color:#fff;font-weight:700;padding:.5rem 4rem}#next:hover{cursor:pointer}span{margin-left:15px;margin-right:3px}#forgot{background-color:#fff;border:1px solid gray;border-radius:24px;color:#000;margin:1rem;padding:.5rem 2rem}#forgot:hover{background-color:#f5f5f5;cursor:pointer}#signup{color:#fff;font-size:14px}#signup a{color:#e7e7e7;margin-left:5px;text-decoration:none}@media (max-width:1005px){.container{border-radius:12px;margin:40px 10px 10px;padding:30px 20px 40px}.login-welcome-text{font-size:1.5rem}#signup,.button p,.signUp-btn{font-size:10px}input{width:200px}}.vision-container{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center;padding-bottom:130px;padding-top:150px}.centered,.vision-container{color:#fff;height:auto;overflow:hidden}.centered{background-color:initial;border-radius:15px;padding:2rem;position:relative;text-align:center;z-index:100}.centered:before{border-radius:15px;bottom:-50px;box-shadow:106px -37px 90px #4828d5,-60px -32px 119px #a45c8b;content:"";left:-30px;position:absolute;right:-30px;top:-40px;z-index:0}.brand-names{color:#2252d5;font-size:80px;font-weight:400}.brand-names,.vision-heading{font-family:Poetsen One,sans-serif}.vision-heading{bottom:10px;font-size:30px;font-weight:bolder;margin:10px;opacity:1;padding:0;position:relative}.vision-icon{height:50px;left:20px;position:relative;top:20px;width:50px}.vision-subheading{font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:500;opacity:.8;word-spacing:3px}.vision-learning{color:#2252d5;position:relative;right:9px}.vision-btn{background-color:#2252d5;font-size:1.3rem;padding:10px 20px}.featured-btn,.vision-btn{border:none;border-radius:8px;color:#fff;font-family:Caveat,cursive;font-weight:800;margin:15px}.featured-btn{background-color:#2261d5;bottom:20px;font-size:1.4rem;padding:17px 20px;position:relative}.icon-container{align-items:start;display:flex;justify-content:space-between;left:26px;position:relative;top:-9px}@media (max-width:600px){.vision-container{align-items:start;flex-direction:column;justify-content:start;margin:0;padding:80px 0;text-align:start}.brand-names{font-size:40px}.centered{padding:1rem;text-align:start}.vision-heading{bottom:0;font-size:1.5rem;left:-11px;line-height:1.3;margin:0;position:relative}.vis-btn{align-items:start;display:flex;flex-direction:column;justify-content:start}.vision-icon{height:30px;left:0;top:5px;width:30px}.vision-subheading{bottom:0;font-size:.9rem;padding:0 10px;position:relative}.vision-btn{font-size:1rem;margin:10px 0;padding:.5rem 1rem}.featured-btn{bottom:0;font-size:1.2rem;padding:12px 15px;position:relative;right:11px;top:-2px}.icon-container{align-items:start;flex-direction:column;left:0;top:0}}.animated-gradient-text{-webkit-text-fill-color:#0000;animation:gradient-animation 10s ease infinite;background:linear-gradient(270deg,#cd66a4,#635fe4,#3d81a3,#d755a3,#6aeba2);-webkit-background-clip:text;background-size:800% 800%;font-weight:700}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.features-page{background-color:var(--bg-color);color:#fff;height:100%;margin:0;padding:0 0 100px;position:relative}.Features-page-otter-icon{height:100px;left:0;position:absolute;top:0;width:auto}.Features-page-otter-icon-2{height:80px;position:absolute;right:0;top:0;width:auto}.features-page-heading{align-items:center;display:flex;flex-direction:column;font-size:25px;justify-content:center;text-align:center}.Features-Page-Main-Heading{font-size:2.2rem;font-weight:700;margin:0;opacity:1}.Features-Page-Main-Heading span{color:#2252d5;margin:0;position:relative;right:0}.Features-Page-SubHeading{font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:500;letter-spacing:0;opacity:.8;text-align:center;word-spacing:3px}.features-body{align-items:center;background-color:var(--bg-color);border-radius:0;display:flex;flex-direction:column;justify-content:space-between;margin-top:100px;padding:0;text-align:center}.features-card{border:1px solid #0062ff;border-radius:20px;box-shadow:0 0 99px 21px rgba(35,117,193,.348);margin-bottom:30px;padding:6px;transition:transform .3s,box-shadow .3s;transition:.3s ease-in-out;width:300px}.features-card:hover{box-shadow:0 0 99px 21px rgba(30,131,225,.573);transform:translateY(-5px)}.feature-card-1{align-items:end;display:flex;justify-content:end;padding-right:450px;width:100%}.feature-card-2{padding-left:450px;width:100%}.feature-card-3{align-items:end;display:flex;justify-content:end;padding-right:450px;width:100%}.feature-card-4{padding-left:450px;width:100%}.feature-card-5{align-items:end;display:flex;justify-content:end;padding-right:450px;width:100%}.feature-card-6{padding-left:450px;width:100%}@media (max-width:1005px){.features-page{padding:10px 20px}.features-card{margin-bottom:20px;margin-right:0;width:300px}.Features-Page-Main-Heading{font-size:23px;text-align:center}.Features-Page-SubHeading{font-size:1.2rem;text-align:center}.features-body{gap:20px;margin-top:20px;padding:20px}}.e-card{background:#0000;border-radius:20px;height:320px;margin:0;overflow:hidden;position:relative;width:300px}.wave{background:linear-gradient(744deg,var(--bg-color),var(--bg-color) 60%,#000);height:700px;left:0;margin-left:-50%;margin-top:-70%;opacity:.6;position:absolute;top:0;width:650px}.feature-icon{margin-top:-1em;padding-bottom:1em;width:3em}.infotops{color:#fff;font-size:20px;font-weight:600;height:auto;left:0;position:absolute;right:0;top:145px}.infotops,.name{text-align:center}.name{font-size:12px;font-weight:500;left:1rem;max-width:280px;opacity:1;position:relative;text-transform:lowercase;top:1em;transition:.3s ease-in-out}.e-card:hover{cursor:pointer}.e-card:hover .name{opacity:1}.wave:nth-child(2),.wave:nth-child(3){top:210px}.playing .wave{animation:wave 3s linear infinite;border-radius:40%}.wave{animation:wave 55s linear infinite;border-radius:40%}.playing .wave:nth-child(2){animation-duration:4s}.wave:nth-child(2){animation-duration:50s}.playing .wave:nth-child(3){animation-duration:5s}.wave:nth-child(3){animation-duration:45s}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1005px){.infotops{position:relative;top:110px}.e-card{height:300px;width:100%}.features-card{display:flex;justify-self:center;width:345px}.wave{margin-left:-30%;margin-top:-60%;width:500px}.name{font-size:15px;left:3rem;top:1.3em}}.profile-container{align-items:flex-start;background-color:var(--bg-color);display:flex;flex-direction:row;gap:20px;height:100vh;justify-content:start;padding:80px 20px 20px;position:relative}.profile-details{align-items:start;border:1px solid hsla(0,0%,100%,.715);border-radius:10px;color:#fff;display:flex;flex-direction:column;max-width:200px;padding:20px;width:auto}.profile-photo{align-items:start;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:20px;padding:10px;position:relative}.profile-photo img{border-radius:50%;height:60px;width:60px}.profile-photo input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.btn{align-items:center;background:#0000;background-color:#012049;border:0 solid #000;border-radius:4px;cursor:pointer;display:flex;font-size:10px;justify-content:center;left:9px;padding:8px 13px;position:relative;top:90px;transition:.2s ease-in-out}.btn:hover{background-color:#0036b5}.profile-info{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.profile-photo h2{font-size:12px;margin:0;padding:1px 0}.profile-info p{background-color:rgba(0,0,0,.595);border-radius:2px;font-size:10px;margin:4px 0;padding:5px 10px}.editProfile{align-items:center;background-color:#ffffffc3;border-radius:4px;color:#020202;cursor:pointer;font-size:12px;font-weight:700;margin-bottom:16px;padding:5px 10px;text-align:center;transition:transform .3s ease;width:90%}.social-links{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);justify-content:space-evenly;margin-top:20px;padding:10px;text-align:start;width:100%}.social-links a{color:#fff;font-size:20px;transition:color .3s ease}.social-links a:hover{color:#0036b5}.classRoom{align-items:flex-start;border:1px solid #ffffff80;border-radius:10px;color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;padding:20px;width:auto}.joinClass,.ressumeClassRoom{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:10px;transition:transform .3s ease}.joinClass:hover,.ressumeClassRoom:hover{transform:scale(1.04)}.classRoom .fa-icon,.classRoom img{height:80px;width:80px}.classRoom p{font-size:10px;font-weight:400;opacity:0;transition:opacity .3s ease}.joinClass:hover p,.ressumeClassRoom:hover p{opacity:1}@media (max-width:1005px){.profile-container{align-items:flex-start;flex-direction:column;height:auto;padding:80px 20px 20px}.profile-details{align-items:flex-start;max-width:300px;text-align:start;width:100%}.profile-photo img{height:50px;width:50px}.profile-info h2{font-size:15px}.profile-info p{font-size:10px}.classRoom .fa-icon,.classRoom img{height:30px;width:30px}.classRoom p{font-size:10px}.classRoom{width:auto}.joinClass,.ressumeClassRoom{min-width:77px;padding:5px}}.withoutlogin{align-items:center;color:#fff;font-style:80px;left:35%;position:absolute;text-align:center;top:90%}.Categories-container{background-color:#07112d;border-radius:10px;color:#fff;flex-direction:column;font-family:Josefin Sans,sans-serif;gap:50px;height:100vh}.Categories-container,.category-head{align-items:center;display:flex;justify-content:center;padding:20px}.category-head{flex-direction:row;font-style:normal;font-weight:bolder;gap:10px;text-align:center;width:100%}.categories-body{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:800px;padding:20px;width:100%}.category-head h1{color:#fff;font-size:2.5rem;font-weight:bolder;margin:0;opacity:.9;padding:0}.category{border-radius:10px;font-size:15px;font-style:normal;font-weight:400;padding:15px 10px;transition:.2s ease-in-out}.category:hover{box-shadow:0 0 10px 0 rgba(19,211,185,.683);cursor:pointer;transform:scale(1.5)}.checklist{border-radius:50%;height:auto;transition:.2s ease-in-out;width:30px}.categories-body.form-open{opacity:.3}@media(max-width:1005px){.Categories-container{gap:2px;padding-top:0}.category-head h1{font-size:1.5rem}.categories-body{max-width:350px}.category{font-size:1rem}}.popup-form{background-color:#1a1a1a;border-radius:20px;box-shadow:0 0 10px #0000001a;color:#fff;left:50%;padding:20px;position:fixed;top:57%;transform:translate(-50%,-50%)}.popup-form-inner{text-align:center}.close-btn{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.close-btn:hover{color:#00bfff}h2{margin-bottom:20px}form{flex-direction:column}.form{background-color:#1a1a1a;border:1px solid #333;border-radius:20px;color:#fff;gap:10px;max-width:350px;padding:20px}.form,.title{position:relative}.title{align-items:center;color:#00bfff;display:flex;font-size:28px;font-weight:600;letter-spacing:-1px;padding-left:30px}.title:after,.title:before{height:18px;width:18px}.title:after{animation:pulse 1s linear infinite}.title:after,.title:before{background-color:#00bfff;border-radius:50%;content:"";height:16px;left:0;position:absolute;width:16px}.message,.signin{color:#ffffffb3;font-size:14.5px}.signin{text-align:center}.signin a:hover{-webkit-text-decoration:underline #4169e1;text-decoration:underline #4169e1}.signin a{color:#00bfff}.form{flex-direction:column;height:auto;justify-content:start;max-height:400px;text-align:start;width:auto}.flex,.form{align-items:start;display:flex}.flex{gap:0;justify-content:space-between;max-height:500px;max-width:300px;width:100%}.form label{position:relative;width:200px}.form label .input{background-color:#333;border:1px solid hsla(0,0%,41%,.397);border-radius:10px;color:#fff;left:-10px;outline:0;padding:10px 5px 5px 10px;position:relative;width:69%}.form label .input+span{color:#ffffff80;cursor:text;font-size:.9em;left:4px;position:absolute;transition:.3s ease}.form label .input:placeholder-shown+span{font-size:.9em;left:-2px;top:18.5px}.form label .input:focus+span,.form label .input:valid+span{color:#00bfff;font-size:.7em;font-weight:600;left:-12px;top:0}.input{font-size:medium}.submit{background-color:#00bfff;border:none;border-radius:10px;color:#fff;font-size:16px;outline:none;padding:7px;transform:.3s ease}.submit:hover{background-color:#00bfff96}@media(max-width:1005px){.popup-form{width:300px}.form{width:auto}}.container-1{align-items:center;background-blend-mode:darken;background-color:var(--bg-color);background-color:#0009;background-image:url(/pacifics-path/static/media/sam-balye-M4JlGCKQAu4-unsplash.09799e6f1e1d73500e62.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100%}.queries{position:relative}@media(max-width:1005px){.queries{top:0}}.app-container{background-color:#1e2b7d00;border-radius:30px;height:100vh;justify-content:space-around;padding:30px}.app-container,.brand-container{align-items:center;display:flex;flex-direction:column}.brand-container{color:#fff;gap:20px;position:relative;top:100px}.brand-name{font-family:Poetsen One,sans-serif;font-size:70px;margin-bottom:20px}.search-suggestion{font-family:Ubuntu,sans-serif;font-size:15px;margin-top:-20px}.message-boxies{align-items:center;background-color:#363434;border:1px solid #000;border-radius:14px;display:flex;gap:10px;padding:0 15px;position:relative;top:90px;width:100%}.message-boxies:focus-within{border:2px solid var(--main-color)}#messageInput{background-color:initial;border:none;outline:none;padding:10px;width:100%}#messageInput,#sendButton{border-radius:14px;color:#fff}#sendButton{background-color:#176cda;font-size:20px;min-width:60px;padding:10px 20px}@media (max-width:1005px){.app-container{height:100vh;overflow-y:hidden}.brand-container{align-items:center;color:#fff;display:flex;flex-direction:column;gap:40px;justify-content:center;left:30px;position:relative;text-align:center;top:50px}.search-suggestion{font-family:Ubuntu,sans-serif;font-size:15px;margin-top:0;position:relative;right:30px}.brand-name{font-size:4rem}.message-boxies{flex-direction:row;gap:5px;position:relative;top:50px;width:100%}#messageInput{width:calc(100% - 40px)}.app-container{align-items:center;background-color:#1e2b7d00;border-radius:30px;display:flex;flex-direction:column;gap:50px;padding:30px}#sendButton{background-color:#176cda;padding-left:20px;position:relative;right:0;width:auto}}.web-response-container{align-items:start;color:#fff;font-size:10px;margin-right:20px;max-width:400px;padding:0;position:relative;text-align:start;top:100px}.web-response-index{background-color:#235ec6ab;border-radius:20px;color:#fff;left:-5px;padding:1px 7px;position:relative;top:-2px}.response-items{background-color:#131415c2;border-radius:10px;margin-bottom:15px;padding:10px;transition:.2s ease-in-out}.response-items:hover{cursor:pointer}.responses-list{align-items:start;display:flex;flex-direction:column;gap:0;justify-content:start}.web-result{align-items:center;display:flex;flex-direction:row;text-decoration:none}.web-result img{height:20px;margin-right:10px;width:auto}.result-title{color:#3970f1;font-size:1rem;margin-bottom:5px;text-decoration:none}.result-snippet{color:#fff;margin-bottom:10px}.result-url{color:#fff;font-size:.9rem;text-decoration:none}.pagination{align-items:center;display:flex;font-size:5px;justify-content:start;position:relative;top:-10px}.pagination button{background-color:#0d0d0d;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 5px;padding:10px 20px}.pagination button:hover{background-color:#000}.pagination button:disabled{background-color:#2d2d2d;cursor:not-allowed}@media(max-width:1005px){.web-response-container{top:50px}}.Gemini-response{height:100vh;top:110px}.Gemini-response,.bgblue{align-items:start;display:flex;flex-direction:column;justify-content:start;position:relative}.bgblue{color:#fff;font-family:Arial,sans-serif;height:auto;left:0;margin:0;width:100%}.gemini-response-container h2{color:#2b86ee;font-size:1.3em;margin-bottom:0;text-align:center}.bgblue span{background-color:#1130e0;border-radius:10px;color:hsla(0,0%,100%,.887);cursor:pointer;font-size:1.2em;margin-bottom:0;padding:5px 15px;position:relative;right:15px;top:15px;transition:.3s ease-in-out}.bgblue span:hover{color:rgba(42,127,255,.766)}.response-content{background-color:#3b3d3e83;color:#fff;line-height:1.8}.response-content p{margin-bottom:15px}.chat-bot{left:2%;position:absolute;top:80%}.card{background-color:#3d597900;border-radius:10px;color:#bec4cf;font-size:1rem;margin:0 auto;max-height:340px;overflow:auto;padding:0;scroll-behavior:smooth;width:100%}.card::-webkit-scrollbar{width:5px}.card::-webkit-scrollbar-track{background:#f1f1f100}.card::-webkit-scrollbar-thumb{background:#2b95ff00;border-radius:6px}.card::-webkit-scrollbar-thumb:hover{background:#555}.current-entry,.history-entry{display:flex;flex-direction:column;margin-bottom:10px}.response-left{background-color:#0f12157d;border:1px solid #202223;border-radius:10px 10px 10px 0;border-radius:10px;font-size:15px;font-weight:600;max-width:100%;min-width:500px;overflow-x:hidden;padding:5px;scroll-behavior:smooth;width:auto}.query-right,.response-left{font-family:LXGW WenKai TC,cursive;font-style:normal;margin-bottom:10px}.query-right{border-radius:10px 10px 0 10px;color:#fff;font-weight:700;font-weight:500;padding:10px;text-align:right}@media (max-width:1005px){.bgblue{margin:10px 0 0;overflow-x:hidden;padding:10px}.Gemini-response{padding:0}.card{align-items:start;font-size:.9rem;justify-items:start;max-height:600px;padding:5px;position:relative;right:30px;text-align:start;width:auto}.response-left{border:none;font-size:12px;margin-top:0;max-width:300px;min-width:250px;padding:19px;width:auto}.query-right{font-size:.9rem;margin-bottom:0;margin-left:0;position:relative;right:0}.query-right p{padding:5px}.chat-bot{background-color:var(--bg-color);left:2%;position:fixed;top:85%;z-index:1000}.bgblue span{font-size:1.6rem;right:20px}}.messageBox{align-items:center;background-color:#000;border:1px solid #3f3f3f;border-radius:14px;display:flex;height:40px;left:1px;padding:0 15px;position:relative;top:-50px;width:478px}.messageBox:focus-within{border:2px solid var(--main-color)}.fileUploadWrapper{align-items:center;display:flex;justify-content:center}#file{display:none}.fileUploadWrapper label{align-items:center;cursor:pointer;display:flex;position:relative}.fileUploadWrapper label svg{height:20px;transition:all .3s ease-out}.fileUploadWrapper label:hover svg circle,.fileUploadWrapper label:hover svg path{stroke:#fff}.tooltip{background-color:#000;border:1px solid #3600b4;border-radius:8px;box-shadow:0 5px 10px #0009;color:#fff;display:none;font-size:12px;opacity:0;padding:6px 10px;position:absolute;top:-40px;transition:all .3s ease-out}.fileUploadWrapper label:hover .tooltip{display:block;opacity:1}#messageInputs{background-color:initial;border:none;color:#fff;font-family:Play;font-size:16px;height:100%;outline:none;width:405px}#messageInputs:focus~#sendButton svg path,#messageInputs:valid~#sendButton svg path{fill:#3c3c3c;stroke:var(--main-color)}#sendButton{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;outline:none;transition:all .3s ease-out}#sendButton svg{height:20px;transition:all .3s ease-out}#sendButton:hover svg path{fill:#3c3c3c;stroke:var(--main-color)}@media(max-width:1005px){.messageBox{justify-content:space-between;left:0;top:0;width:330px}}.search-result-container{align-items:flex-start;background:#080808;background-color:var(--bg-color);background-size:cover;display:flex;flex-direction:row;gap:10px;height:100%;justify-content:space-around;overflow-y:hidden;width:100%}@media(max-width:1005px){.search-result-container{align-items:start;flex-direction:column;gap:0;height:100%;justify-content:start;overflow-x:hidden;overflow-y:scroll;padding:10px 10px 100px;position:relative;top:0;width:94.8%}}*{margin:0;padding:0}.Video-response{align-items:center;background-color:var(--bg-color);background-size:cover;display:flex;flex-direction:column;font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-style:normal;min-height:100vh;padding:100px 0 50px;width:100%}.videos-container{background:var(--bg-color);margin:0 auto;max-width:1100px;padding:30px;width:100%}.videos-container span{background-color:rgba(20,110,255,.731);border-radius:14px;color:#fff;font-size:1.5em;font-weight:500;margin-bottom:20px;padding:10px 15px;transition:.3s ease-in-out}.videos-container span:hover{box-shadow:0 0 15px rgba(8,63,173,.506);cursor:pointer}.search-form{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:30px;width:100%}.search-input{border:1px solid #ccc;font-size:16px;padding:10px;width:300px}.search-button{background-color:#263bc2;border-radius:20px;font-size:16px;margin-left:10px;padding:10px 20px;transition:background-color .3s ease}.search-button:hover{background-color:#131bb9}.video-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:50px;padding:20px;width:100%}.video-card{background-color:rgba(8,8,8,.728);border-radius:10px;margin-bottom:20px;overflow:hidden;position:relative;transition:transform .5s ease,box-shadow .3s ease;transition:.2s ease-in-out;width:250px}.video-card:hover{cursor:pointer}.video-thumbnail{border-radius:10px 10px 0 0;width:100%}.play-button{background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:50px;left:50%;opacity:0;position:absolute;top:40%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:50px}.video-card:hover .play-button{opacity:1}.video-details{color:#fff;padding:15px;text-align:start}.video-details h3{color:#fff;font-size:1rem;font-weight:400;margin-bottom:10px}.video-details p{color:#ccc;font-size:.9rem;font-weight:300;margin:5px 0}.share-buttons-overlay{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1001}.share-buttons-overlay button{background-color:#131bb900;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:2rem;padding:10px 15px;position:relative;top:100px;transition:.2s ease-in-out}.share-buttons-overlay button:hover{scale:1.2}.video-overlay{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-player-fullscreen{height:80%;left:25%;position:absolute;top:20%;width:80%}@media (max-width:1005px){.Video-response{padding-top:100px;width:auto}.videos-container{background:var(--bg-color);margin:0 auto;max-width:900px;padding:0;width:95%}.search-input{font-size:13px;width:90%}.video-card{margin-left:auto;margin-right:auto;width:100%}.video-list{align-items:center;flex-direction:column;width:90%}.video-overlay{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-player-fullscreen{height:50%;left:-25%;position:relative;top:5%;width:50%}.share-buttons-overlay{display:flex;flex-direction:row;font:10px;gap:10px;position:fixed;right:20px;top:0;z-index:1001}.share-buttons-overlay button{font-size:1rem}}.book-search-container{align-items:center;background:#030c25;color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding:0}.books-hero{background:#030c25;padding:150px 40px 80px 60px;text-align:center;width:100%}.books-hero h1{color:#fff;font-size:3rem;font-weight:600;line-height:1.2;margin-bottom:16px}.search-section{display:flex;justify-content:center;margin-top:32px;width:100%}.search-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66;border:1px solid #3b82f633;border-radius:12px;display:flex;gap:12px;max-width:500px;padding:6px;transition:all .3s ease;width:100%}.search-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.books-category{width:100%}.category-header{margin-bottom:30px;padding-bottom:15px}.category-title{gap:15px}.category-title h2{color:#fff}.category-icon{opacity:.8}.books-count{background:#3b82f633;border-radius:20px;color:#93c5fd;font-size:.875rem;font-weight:500;padding:8px 16px}.themed-books-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.modern-theme-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #3b82f64d;font-family:inherit;justify-content:space-between;padding:20px;text-align:left}.modern-theme-button:hover{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 10px 30px #3b82f64d;transform:translateY(-5px)}.theme-emoji{margin-right:12px}.theme-arrow{opacity:.6}.modern-theme-button:hover .theme-arrow{opacity:1;transform:translateX(5px)}.results-title{color:#fff}.results-badge{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:25px;color:#fff;font-size:.875rem;font-weight:600;padding:10px 20px}.books-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.modern-book-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #3b82f64d;border-radius:20px;display:flex;flex-direction:column;padding:25px;transition:all .3s ease}.modern-book-card:hover{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 15px 40px #3b82f64d;transform:translateY(-8px)}.card-header{margin-bottom:15px}.book-title{color:#fff;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 8px}.book-authors{color:#94a3b8;font-size:.9rem;font-style:italic;margin:0}.book-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#cbd5e1;display:-webkit-box;font-size:.95rem;line-height:1.6;margin-bottom:15px;overflow:hidden}.book-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.page-count,.publish-date{background:#3b82f633;border-radius:12px;color:#93c5fd;font-size:.8rem;font-weight:500;padding:4px 10px}.card-actions{margin-top:auto}.action-button{border:none;cursor:pointer;font-family:inherit;padding:12px 16px}.action-button.secondary{background:#3b82f633;color:#93c5fd}.action-button:hover{transform:translateY(-2px)}.action-button.secondary:hover{background:#3b82f64d;border-color:#3b82f6}.error-notification{border-radius:12px;margin:40px 0}@media (max-width:1024px){.categories-section,.results-section{padding:0 30px 60px}}@media (max-width:768px){.book-search-container{padding-top:80px}.books-hero{padding:60px 20px 40px}.books-hero h1{font-size:2.2rem;line-height:1.1;margin-bottom:16px}.hero-description{font-size:1rem;line-height:1.5;margin-bottom:24px}.search-section{display:flex;justify-content:center;padding:0 16px;width:auto}.search-container{flex-direction:column;gap:12px;padding:12px;width:90%}.modern-search-input{text-align:center;width:100%}.modern-search-button{font-size:1rem;padding:14px;width:90%}.categories-section{gap:40px;padding:0 20px 60px}.category-title h2{font-size:1.6rem}.themed-books-grid{gap:15px;grid-template-columns:1fr}.results-section{padding:0 20px 60px}.results-title{font-size:1.6rem}.books-grid{gap:20px;grid-template-columns:1fr}}@media (max-width:480px){.books-hero{padding:50px 16px 30px}.books-hero h1{font-size:1.8rem;margin-bottom:12px}.hero-description{font-size:.9rem;margin-bottom:20px}.search-section{padding:0 12px}.search-container{padding:10px;width:95%}.modern-search-input{font-size:16px;padding:12px 14px}.modern-search-button{font-size:16px;padding:12px 18px}.categories-section{gap:30px;padding:0 16px 50px}.category-title h2{font-size:1.4rem}.category-icon{font-size:1.6rem}.modern-theme-button{font-size:.9rem;padding:16px}.results-section{padding:0 16px 50px}.results-title{font-size:1.4rem}}@media (max-width:360px){.books-hero h1{font-size:1.6rem}.hero-description{font-size:.85rem}.category-title h2{font-size:1.2rem}.modern-theme-button{font-size:.85rem;padding:14px}.book-title{font-size:1.1rem}.modern-book-card{padding:20px}}.react-calendar-heatmap text{fill:#aaa;font-size:10px}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}.github-profile{align-items:center;background:#030c25;color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding:150px 20px 40px;width:auto}.profile-header{margin-bottom:60px;max-width:800px;text-align:center}.profile-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#5b73ff 50%,#ff006e);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.highlight-text{position:relative}.code-emoji{animation:code-bounce 2s ease-in-out infinite;font-size:3rem}@keyframes code-bounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(-3deg)}75%{transform:translateY(-5px) rotate(3deg)}}.profile-subtitle{color:#a0aec0;font-size:1.2rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.search-sections{margin-bottom:40px;max-width:600px}.modern-search-form{position:relative;right:100px;width:100%}.search-containerr{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #3b82f64d;border-radius:16px;gap:16px;padding:8px}.input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:#64748b;font-size:1.2rem;left:16px;z-index:1}.search-input{background:#0000;border:none;font-family:inherit;font-size:1rem;outline:none;padding:16px 16px 16px 48px}.search-input::placeholder{color:#64748b}.search-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:16px 24px;transition:all .3s ease;white-space:nowrap}.search-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 10px 25px #3b82f666;transform:translateY(-2px)}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin-bottom:24px;max-width:600px;padding:16px;width:100%}.error-icon{font-size:1.2rem}.profile-dashboard{display:flex;flex-direction:column;gap:40px;max-width:1200px;width:100%}.profile-overview{width:100%}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #3b82f64d;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a;padding:40px}.profile-header-card{align-items:center;display:flex;gap:24px;margin-bottom:32px}.avatar-container{position:relative}.profile-avatar{border:4px solid #3b82f666;border-radius:24px;height:120px;transition:all .3s ease;width:120px}.profile-card:hover .profile-avatar{border-color:#3b82f6;box-shadow:0 0 30px #3b82f680}.verified-badge{align-items:center;background:#22c55e;border:2px solid #1e293b;border-radius:50%;bottom:8px;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:8px;width:24px}.profile-info{flex:1 1}.profile-name{color:#f1f5f9;font-size:2rem;font-weight:700;margin:0 0 8px}.profile-bio{color:#94a3b8;font-size:1.1rem;line-height:1.5;margin:0 0 16px}.username-tag{align-items:center;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:12px;color:#c4b5fd;display:flex;font-weight:500;gap:8px;padding:8px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.github-icon{font-size:1.1rem}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-item{background:#3b82f61a;border:1px solid #3b82f633;border-radius:16px;gap:16px;padding:20px;transition:all .3s ease}.stat-item:hover{background:#3b82f626;border-color:#3b82f666;transform:translateY(-2px)}.stat-icon{font-size:2rem;opacity:.8}.stat-content{display:flex;flex-direction:column}.stat-number{color:#60a5fa;font-weight:700}.stat-label{font-size:.9rem}.primary-skill{display:flex;justify-content:center}.skill-badge-large{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #8b5cf666;border-radius:16px;box-shadow:0 8px 25px #8b5cf666;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:12px;padding:16px 24px}.skill-indicator{animation:fire-flicker 1.5s ease-in-out infinite;font-size:1.2rem}@keyframes fire-flicker{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.repositories-section,.technologies-section{width:100%}.section-header{align-items:center;border-bottom:1px solid #3b82f633;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.section-header h3{color:#f1f5f9;font-size:1.8rem;font-weight:600;margin:0}.repo-count,.tech-count{background:#22c55e33;border-radius:20px;color:#4ade80;font-size:.9rem;font-weight:500;padding:8px 16px}.repos-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.modern-repo-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #3b82f633;border-radius:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.modern-repo-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ef4444);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.modern-repo-card:hover{border-color:#3b82f666;box-shadow:0 25px 50px -12px #3b82f64d;transform:translateY(-8px)}.repo-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.repo-name{font-size:1.25rem;font-weight:600;margin:0}.repo-name a{color:#60a5fa;text-decoration:none;transition:color .3s ease}.repo-name a:hover{color:#93c5fd}.repo-stats{color:#94a3b8;display:flex;font-size:.85rem;gap:12px}.repo-description{color:#cbd5e1;font-size:.95rem;line-height:1.5;margin-bottom:20px}.repo-footer{justify-content:space-between}.repo-footer,.repo-language{align-items:center;display:flex}.repo-language{color:#a78bfa;gap:8px}.repo-language,.view-repo-btn{font-size:.9rem;font-weight:500}.view-repo-btn{background:#3b82f633;border:1px solid #3b82f64d;border-radius:8px;color:#60a5fa;padding:8px 16px;text-decoration:none;transition:all .3s ease}.view-repo-btn:hover{background:#3b82f64d;border-color:#3b82f680;transform:translateY(-1px)}.tech-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #3b82f64d;border-radius:24px;padding:32px}.tech-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.tech-header h3{color:#f1f5f9;font-size:1.8rem;font-weight:600;margin:0}.tech-grid{display:flex;flex-direction:column;gap:16px}.tech-item{align-items:center;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.tech-item:hover{background:#3b82f61a;border-color:#3b82f633}.tech-info{align-items:center;display:flex;gap:12px}.tech-language{color:#e2e8f0;font-size:1rem;font-weight:600}.tech-stats{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.lines-count{color:#94a3b8;font-size:.85rem;font-weight:500}.usage-bar{background:#3b82f633;border-radius:3px;height:6px;overflow:hidden;width:120px}.usage-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;height:100%;transition:width .8s ease}@media (max-width:1024px){.profile-header h1{font-size:2.5rem}.repos-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.github-profile{padding:20px 10px}.profile-header{margin-bottom:40px;padding:110px 20px 0}.profile-header h1{font-size:2rem;margin-bottom:16px}.code-emoji{font-size:2rem}.profile-subtitle{font-size:1rem}.search-sections{max-width:100%;right:0}.search-containerr{flex-direction:column;gap:12px;padding:16px;right:0}.search-button{padding:14px;width:100%}.profile-card{padding:24px 20px}.profile-header-card{flex-direction:column;gap:20px;text-align:center}.profile-avatar{height:100px;width:100px}.profile-name{font-size:1.5rem}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-item{flex-direction:column;gap:8px;padding:16px;text-align:center}.stat-icon{font-size:1.5rem}.stat-number{font-size:1.4rem}.repos-grid{gap:16px;grid-template-columns:1fr}.modern-repo-card{padding:20px}.repo-header{flex-direction:column;gap:12px}.repo-stats{justify-content:flex-start}.tech-card{padding:20px}.tech-header,.tech-item{align-items:flex-start;flex-direction:column;gap:12px}.tech-stats{align-items:flex-start;width:100%}.usage-bar{width:100%}}@media (max-width:480px){.github-profile{padding:16px 8px}.profile-header h1{font-size:1.75rem}.search-input{padding:14px 14px 14px 44px}.search-icon{left:14px}.profile-card{padding:20px 16px}.profile-avatar{height:80px;width:80px}.profile-name{font-size:1.25rem}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-item{padding:14px}.modern-repo-card{padding:16px}.repo-name{font-size:1.1rem}.tech-card{padding:16px}.tech-item{padding:12px 16px}.skill-badge-large{font-size:1rem;padding:12px 16px}}@media (max-width:1005px){.app-container{left:0;padding:30px;position:relative;top:0;width:100%}.modern-search-form{right:0}.brand-name{color:var(--second-color);font-size:50px;margin:20px;position:relative;right:35px;top:50px}.button-text{opacity:0}.languages-card{max-width:300px;padding:20px;width:100%}.languages-card h2{font-size:1.2em}.languages-card li{font-size:.9em}}.dev-mate{align-items:center;background:linear-gradient(135deg,#0f1419,#1a1f3a 50%,#0f1419);color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding:120px 20px 40px;width:100%}.mate-header{margin-bottom:60px;max-width:800px;text-align:center}.mate-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#5b73ff 50%,#ff006e);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.dev-mate-text{position:relative}.rocket-emoji{animation:rocket-bounce 2s ease-in-out infinite;font-size:3rem}@keyframes rocket-bounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.mate-subtitle{color:#a0aec0;font-size:1.2rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.user-rankingss{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #3b82f64d;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:1200px;padding:40px;width:100%}.filter-title{color:#e2e8f0;font-size:1.5rem;font-weight:600;margin-bottom:20px}.navigate-professionali{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tech-filter{align-items:center;background:#3b82f61a;border:2px solid #0000;border-radius:12px;color:#cbd5e1;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.tech-filter:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-2px)}.tech-filter.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 4px 15px #3b82f666;color:#fff}.tech-icon{font-size:1.2rem}.rankings-header{align-items:center;border-bottom:1px solid #3b82f633;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.rankings-header h3{color:#f1f5f9;font-size:1.8rem;font-weight:600;margin:0}.results-count{background:#22c55e33;border-radius:20px;color:#4ade80;font-size:.9rem;font-weight:500;padding:8px 16px}.ranking-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));width:100%}.ranking-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #3b82f633;border-radius:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.ranking-item:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ef4444);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.ranking-item:hover{border-color:#3b82f666;box-shadow:0 25px 50px -12px #3b82f64d;transform:translateY(-8px)}.rank-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 4px 15px #f59e0b66;color:#fff;font-size:.9rem;font-weight:700;padding:8px 16px;position:absolute;right:20px;top:-8px}.profile-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.user-profile{align-items:center;display:flex;gap:16px}.profile-pic-container{position:relative}.profile-pic{border:3px solid #3b82f666;border-radius:16px;height:64px;transition:all .3s ease;width:64px}.ranking-item:hover .profile-pic{border-color:#3b82f6;box-shadow:0 0 20px #3b82f680}.online-indicator{animation:pulse 2s ease-in-out infinite;background:#22c55e;border:2px solid #1e293b;border-radius:50%;bottom:4px;height:16px;position:absolute;right:4px;width:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-info{display:flex;flex-direction:column;gap:8px}.username{color:#f1f5f9;font-size:1.25rem;font-weight:600;margin:0}.skill-badge{align-items:center;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:8px;color:#c4b5fd;display:flex;font-size:.85rem;gap:6px;padding:6px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skill-text{font-weight:500}.stats-section{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.stat-card{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;min-width:80px;padding:12px 16px;text-align:center}.stat-value{color:#60a5fa;font-size:1.5rem;font-weight:700;margin-bottom:4px}.stat-label{color:#94a3b8;font-size:.75rem}.achievement-icon{font-size:1.5rem}.medal,.trophy{animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.action-section{border-top:1px solid #3b82f633;display:flex;justify-content:center;padding-top:16px}.profile-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.profile-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 10px 25px #3b82f666;transform:translateY(-2px)}.btn-icon{font-size:1.1rem}@media (max-width:1024px){.mate-header h2{font-size:2.5rem}.user-rankingss{padding:30px 20px}.ranking-list{gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.dev-mate{padding:80px 10px 20px}.mate-header{margin-bottom:40px}.mate-header h2{font-size:2rem;margin-bottom:16px}.mate-subtitle{font-size:1rem}.user-rankingss{border-radius:16px;padding:20px 16px}.filter-title{font-size:1.25rem;margin-bottom:16px}.navigate-professionali{gap:8px;justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.tech-filter{flex-shrink:0;padding:10px 16px;white-space:nowrap}.rankings-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px}.rankings-header h3{font-size:1.5rem}.ranking-list{gap:16px;grid-template-columns:1fr}.ranking-item{padding:20px}.profile-section{flex-direction:column;gap:16px;margin-bottom:16px}.user-profile{align-self:flex-start}.stats-section{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.rank-badge{align-self:flex-end;margin-bottom:8px;position:static}.profile-pic{height:56px;width:56px}.username{font-size:1.1rem}}@media (max-width:480px){.dev-mate{padding:70px 8px 16px}.mate-header h2{font-size:1.75rem}.rocket-emoji{font-size:2rem}.user-rankingss{padding:16px 12px}.filter-title{font-size:1.1rem}.tech-filter{font-size:.9rem;padding:8px 12px}.tech-icon{font-size:1rem}.rankings-header h3{font-size:1.3rem}.results-count{font-size:.8rem;padding:6px 12px}.ranking-item{padding:16px}.profile-pic{border-radius:12px;height:48px;width:48px}.username{font-size:1rem}.skill-badge{font-size:.8rem;padding:4px 8px}.stat-value{font-size:1.25rem}.profile-btn{font-size:.9rem;padding:10px 20px}.achievement-icon{font-size:1.25rem}}.github-profiles{align-items:center;background-color:var(--bg-color);border:0;color:#fff;display:flex;flex-direction:column;gap:20px;padding:110px 20px 90px;position:relative}.user-ranking{background:rgba(13,35,69,.262);border:1px solid #0062ff;border-radius:10px;color:#fff;max-width:600px;padding:80px;width:100%}.testemonial-user{color:#3889f9ca;font-weight:800;position:relative;right:0}.github-profiles span{font-optical-sizing:auto;font-size:30px;font-style:normal;font-weight:500;margin-bottom:20px;text-align:start}.ranking-tables{width:100%}.ranking-tables td,.ranking-tables th{padding:8px}.profile-pic{border-radius:50%;height:60px;width:60px}@media(max-width:1005px){.github-profiles{gap:20px;padding:30px 20px 30px 5px}.github-profiles span{align-items:center;bottom:0;font-size:25px;justify-content:center;margin:10px;text-align:center;top:0}.user-ranking{padding:60px 10px}.testemonial-user{position:relative;top:-10px}.profile-pic{height:30px;width:30px}}.developer-container{align-items:center;background-color:var(--bg-color);color:var(--text-color);color:#fff;display:flex;flex-direction:column;font-family:Signika Negative,sans-serif;gap:30px;justify-content:center;padding:50px;text-align:center}.developer-container span{color:#5b86ff;font-size:36px;font-weight:700;margin-bottom:20px}.photo-section{text-align:center}.photo-section img{border:4px solid var(--accent-color);border-radius:50%;height:150px;object-fit:cover;transition:transform .3s ease;width:150px}.about-section{align-items:center;background-color:rgba(2,54,127,.514);border-radius:10px;display:flex;flex-direction:row;max-width:800px;padding:40px;text-align:left}.about-developer{flex:1 1;padding-left:20px}.about-developer h2{color:var(--accent-color);font-size:28px;margin-bottom:10px}.about-developer p{font-family:Zain,sans-serif;font-size:18px;font-weight:400;line-height:1.5}.social-profiles{display:flex;gap:20px;margin-top:20px}.social-profiles a{color:var(--accent-color);font-size:18px;text-decoration:none;transition:color .3s ease}@media (max-width:1005px){.developer-container{padding:25px 20px 30px}.photo-section img{height:100px;width:100px}.about-section{flex-direction:column;padding:30px}.about-section h2{font-size:24px}.about-section p{font-size:16px}.social-profiles a{font-size:12px}}.compare{align-items:start;color:#fff;display:flex;flex-direction:row;justify-content:center;min-height:100vh;padding:100px 20px 20px;position:relative}.Compare-Box,.compare{background-color:var(--bg-color)}.Compare-Box{border-radius:10px;padding:20px;text-align:center;width:90%}.Compare-Box h1{font-size:2rem;margin-bottom:20px}form{align-items:center;color:#fff;display:flex;flex-direction:row;justify-content:center}form input{background-color:#242c3589;border-radius:1px;color:#fff;height:20px;margin:10px;padding:20px}form .compare-btn{background-color:#006aff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}form .compare-btn:hover{background-color:#0056b3}.error{color:red;margin-top:10px}.comparisons{align-items:start;display:flex;flex-direction:column;justify-content:start;margin-top:20px;position:relative;top:100px}.com-box{display:flex;flex-direction:row;justify-content:center}.userprofile{background-color:var(--bg-color);border-radius:10px;color:#fff;margin:10px;max-width:300px;padding:20px;text-align:start;width:100%}.userprofile img{border-radius:50%;height:90px;margin-bottom:10px;width:90px}.userprofile h2{background-color:#191a1c;border-radius:3px;font-size:1.3rem;margin-bottom:10px;padding:3px}.userprofile p{margin:5px 0}.metric{color:#fff;font-weight:700}.vs-icon{font-size:2rem;margin:0 20px}.comparison-table{margin-top:20px}.comparison-table table{border-collapse:collapse;width:100%}.comparison-table td,.comparison-table th{border:1px solid #ddd;padding:8px;text-align:center}.comparison-table th,.comparison-table tr:hover,.comparison-table tr:nth-child(2n){background-color:var(--bg-color)}@media (max-width:600px){.comparisons{flex-direction:column;padding:0 0 100px;position:relative;top:30px}.compare{padding:100px 0 0}.com-box,form{flex-direction:column}form{align-items:center;display:flex;justify-content:center}form input{background-color:#242c3589;border-radius:1px;font-size:12px;height:20px;margin:10px;padding:20px;width:80%}form .compare-btn{background-color:#006aff;border:none;border-radius:2px;color:#fff;font-size:12px;margin-top:10px;padding:10px 20px}.chart{width:260px}.vs-icon{margin:20px 0}.Compare-Box{padding:0}}.footer{align-items:center;background-blend-mode:darken;background-color:#0009;background-image:url(/pacifics-path/static/media/sam-balye-M4JlGCKQAu4-unsplash.09799e6f1e1d73500e62.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-wrap:wrap;gap:700px;justify-content:space-around;padding:100px 10px 20px}.footer-left,.footer-right{align-items:flex-start;display:flex;flex-direction:column;gap:0}.footer-logo{align-items:center;display:flex}.footer-logo img{height:30px;margin-right:10px;width:auto}.footer-nav{display:flex;gap:4px;margin:10px 0}.footer-nav a{color:#fff;text-decoration:none}.footer-copy p{margin:10px 0}.footer-github-button{align-items:center;background-color:#0070f3;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px 20px}.footer-github-button:hover{background-color:#005bb5}.footer-right h4{color:#0582ff;font-size:15px;font-weight:800;margin-bottom:10px}.footer-right ul{list-style-type:none;padding:0}.footer-right ul li{margin:5px 0}.footer-right ul li a{color:#fff;text-decoration:none}.footer-social-icons{display:flex;gap:15px;margin-top:10px}.footer-social-icons a{color:#fff;font-size:20px}@media(max-width:1005px){.footer{align-items:start;gap:50px;justify-content:start;padding:40px 10px;text-align:start}}.project-search-container{align-items:center;background:#030c25;color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding:0}.projects-heroo{padding:150px 40px 60px;text-align:center;width:100%}.hero-content{margin:0 auto;max-width:800px}.projects-heroo h1{color:#fff;font-size:3rem;font-weight:600;line-height:1.2;margin-bottom:16px}.highlight-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text}.hero-description{color:#94a3b8;font-size:1.125rem;font-weight:400;line-height:1.5;margin:0 auto 32px}.search-sections{display:flex;justify-content:center;left:100px;margin-top:32px;position:relative;width:100%}.search-containerr{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66;border:1px solid #3b82f633;border-radius:12px;display:flex;gap:12px;margin:0 auto;max-width:500px;padding:6px;transition:all .3s ease;width:100%}.search-containerr:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modern-search-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:1rem;font-weight:400;outline:none;padding:12px 16px}.modern-search-input::placeholder{color:#94a3b8}.modern-search-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.modern-search-button:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.categories-section{display:flex;flex-direction:column;gap:60px;max-width:1200px;padding:0 40px 80px;width:100%}.projects-category{width:100%}.category-header{align-items:center;border-bottom:1px solid #3b82f633;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.category-title{align-items:center;display:flex;gap:16px}.category-title h2{color:#f1f5f9;font-size:2rem;font-weight:600;margin:0}.category-icon{filter:drop-shadow(0 0 10px rgba(59,130,246,.5));font-size:2rem}.projects-count{background:#22c55e33;border-radius:20px;color:#4ade80;font-size:.9rem;font-weight:500;padding:8px 16px}.themed-projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.modern-theme-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #3b82f633;border-radius:16px;color:#fff;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px 24px;position:relative;text-decoration:none;transition:all .3s ease}.modern-theme-button:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ef4444);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.modern-theme-button:hover{border-color:#3b82f666;box-shadow:0 20px 40px #3b82f64d;transform:translateY(-4px)}.theme-emoji{font-size:1.5rem;min-width:24px}.theme-name{flex:1 1;font-size:1rem;font-weight:500;text-align:left}.theme-arrow{color:#64748b;font-size:1.2rem;transition:all .3s ease}.modern-theme-button:hover .theme-arrow{color:#3b82f6;transform:translateX(4px)}.see-more-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #8b5cf666;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:12px;justify-content:center;padding:20px 24px;transition:all .3s ease}.see-more-button:hover{box-shadow:0 20px 40px #8b5cf666;transform:translateY(-4px)}.plus-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:1.2rem;font-weight:700;height:24px;justify-content:center;width:24px}.results-section{max-width:1200px;padding:0 40px 80px;width:100%}.results-header{align-items:center;border-bottom:1px solid #3b82f633;display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:20px}.results-title{color:#f1f5f9;font-size:2rem;font-weight:600;margin:0}.results-badge{background:#22c55e33;border-radius:20px;color:#4ade80;font-size:.9rem;font-weight:500;padding:8px 16px}.projects-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.modern-project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #3b82f633;border-radius:24px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.modern-project-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ef4444);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.modern-project-card:hover{border-color:#3b82f666;box-shadow:0 32px 64px #3b82f64d;transform:translateY(-8px)}.card-header{align-items:flex-start;justify-content:space-between}.project-title{color:#f1f5f9;flex:1 1;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0}.project-stats{color:#94a3b8;display:flex;flex-shrink:0;font-size:.85rem;gap:12px;margin-left:16px}.project-description{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:24px}.project-tech{margin-bottom:24px}.tech-badge{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:8px;color:#c4b5fd;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.card-actions{display:flex;gap:12px}.action-button{align-items:center;border-radius:12px;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease}.action-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff}.action-button.primary:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.action-button.secondary{background:#3b82f61a;border:1px solid #3b82f64d;color:#60a5fa}.action-button.secondary:hover{background:#3b82f633;border-color:#3b82f680;transform:translateY(-2px)}.action-icon{font-size:1rem}.modern-pagination{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #3b82f64d;border-radius:16px;display:flex;gap:24px;justify-content:center;margin-top:60px;padding:32px}.pagination-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.pagination-button:hover:not(:disabled){box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.pagination-button:disabled{background:#64748b4d;box-shadow:none;color:#64748b;cursor:not-allowed;transform:none}.page-info{align-items:center;display:flex;gap:16px}.page-indicator{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#60a5fa;font-weight:500;padding:8px 16px}.error-notification{background:#ef44441a;border:1px solid #ef44444d;border-radius:16px;margin:40px;max-width:600px;padding:20px}.error-content{align-items:center;display:flex;gap:12px}.error-icon{font-size:1.5rem}.error-content p{color:#fca5a5;font-size:1rem;font-weight:500;margin:0}@media (max-width:1024px){.projects-hero h1{font-size:3rem}.portfolio-emoji{font-size:2.5rem}.projects-hero{padding:100px 30px 60px}.themed-projects-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.projects-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.categories-section{gap:45px;max-width:500px}.results-section{padding:0 30px 60px}}@media (max-width:1005px){.projects-hero{padding:60px 20px 40px}.projects-hero h1{font-size:2.2rem;line-height:1.1;margin-bottom:16px}.hero-description{font-size:1.2rem;line-height:1.5;margin-bottom:24px;padding:0 24px}.search-sections{display:flex;justify-content:center;left:0;padding:0 16px;width:auto}.search-containerr{flex-direction:column;gap:12px;max-width:100%;padding:12px;width:auto}.modern-search-input{font-size:16px;padding:14px 12px;width:auto}.modern-search-button{padding:14px 20px;width:100%}.categories-section{display:flex;gap:80px;justify-content:center;max-width:500px;width:350px}.category-header{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:20px}.category-title{gap:12px}.category-title h2{font-size:1.4rem}.category-icon{font-size:1.6rem}.projects-count{font-size:.8rem;padding:6px 12px}.themed-projects-grid{gap:12px;grid-template-columns:1fr}.modern-theme-button{border-radius:12px;gap:14px;padding:16px 18px;width:auto}.theme-emoji{font-size:1.3rem}.theme-name{font-size:.95rem}.see-more-button{gap:10px;padding:16px 18px}.plus-icon{font-size:1rem;height:20px;width:20px}.results-section{padding:0 20px 50px;width:350px}.results-header{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:25px}.results-title{font-size:1.4rem}.results-badge{font-size:.8rem;padding:6px 12px}.projects-grid{gap:20px;grid-template-columns:1fr;padding:5px}.modern-project-card{border-radius:16px;padding:20px 18px}.card-header{align-items:flex-start;flex-direction:column;gap:10px}.project-title{font-size:1.2rem;line-height:1.3}.project-stats{gap:16px;justify-content:flex-start;margin-left:0}.project-description{font-size:.95rem;line-height:1.5;margin-bottom:20px}.card-actions{flex-direction:column;gap:10px}.action-button{font-size:.9rem;padding:12px 16px}.modern-pagination{flex-direction:column;gap:14px;margin-top:40px;padding:18px}.page-info{order:-1}.pagination-button{margin:0 auto;max-width:200px;padding:12px 20px;width:100%}}@media (max-width:480px){.projects-hero{padding:50px 16px 30px}.projects-hero h1{font-size:1.8rem;margin-bottom:12px}.hero-description{font-size:.9rem;margin-bottom:20px}.search-section{padding:0 12px}.search-container{padding:10px;width:95%}.modern-search-input{font-size:16px;padding:12px 14px}.modern-search-button{font-size:.9rem;padding:12px 18px}.categories-section{gap:28px;padding:0 16px 40px}.category-title h2{font-size:1.2rem}.category-icon{font-size:1.4rem}.modern-theme-button{gap:12px;padding:14px 16px}.theme-emoji{font-size:1.2rem}.theme-name{font-size:.85rem;line-height:1.2}.theme-arrow{font-size:1rem}.see-more-button{font-size:.85rem;padding:14px 16px}.results-section{padding:0 16px 40px}.results-title{font-size:1.2rem}.modern-project-card{padding:18px 16px}.project-title{font-size:1.1rem}.project-stats{font-size:.75rem;gap:12px}.project-description{font-size:.85rem;margin-bottom:18px}.tech-badge{font-size:.75rem;padding:4px 8px}.action-button{font-size:.8rem;padding:10px 14px}.action-icon{font-size:.9rem}.pagination-button{font-size:.85rem;padding:10px 16px}.page-indicator{font-size:.8rem;padding:6px 12px}}@media (max-width:360px){.projects-hero{padding:60px 12px 35px}.projects-hero h1{font-size:1.6rem}.hero-description{font-size:.85rem}.categories-section{gap:25px;padding:0 12px 35px}.category-title h2{font-size:1.1rem}.modern-theme-button{gap:10px;padding:12px 14px}.theme-name{font-size:.8rem}.results-section{padding:0 12px 35px}.modern-project-card{padding:16px 14px}.project-title{font-size:1rem}.action-button{font-size:.75rem;padding:9px 12px}}@media (max-width:1005px){.projects-container{justify-content:start;left:20px;overflow-x:hidden;padding-top:100px;position:relative}.project-item{padding:10px}.read-more-button{font-size:15px}}.FAQ-BOX{padding-bottom:40px}.FAQ-BOX,.faq-container{background-color:var(--bg-color)}.faq-container{color:#fff;margin:0 auto;max-width:600px;padding:20px}.faq-container h2{color:#007bff;font-family:Nunito,sans-serif;font-optical-sizing:auto;font-size:40px;font-style:normal;font-weight:800;margin-bottom:20px;text-align:center}.faq-item{border-bottom:1px solid #444;cursor:pointer}.faq-question{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:8px}.faq-icon{font-size:20px}.faq-answer{font-size:12px;max-height:0;overflow:hidden;padding:0 10px;transition:max-height .3s ease-out;transition:.2s ease-in-out}.faq-answer.show{color:#fff;max-height:200px;padding:0 10px 10px}.faq-answer p{color:#ccc;margin:0}@media(max-width:1005px){.faq-container{padding:20px}.faq-answer p,.faq-question{font-size:15px}h2{font-size:30px}}.github-profiless{align-items:center;background-color:var(--bg-color);border:0;color:#fff;display:flex;flex-direction:column;gap:20px;padding:110px 20px 90px;position:relative}.testemonial-users{color:#776eff;font-size:2.4rem;font-weight:500;margin-bottom:20px;margin-top:50px}.user-rankings{background:#0d234500;border:0 solid #0062ff;border-radius:10px;color:#fff;max-width:600px;width:100%}.github-profiless span{font-optical-sizing:auto;font-size:30px;font-style:normal;font-weight:500;margin-bottom:20px;text-align:start}.navigate-professional{display:flex;gap:10px;justify-content:start;margin-bottom:20px}.navigate-professional span{background-color:1355b2a5;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;padding:5px 10px;transition:background-color .3s ease}.navigate-professional span:hover{background-color:1355b2a5}.ranking-tables{align-items:start;border-collapse:collapse;text-align:start;width:90%}th{padding:6px}.ranking-tables td,.ranking-tables th{border:0 solid #ddd;text-align:start}.crown-icon{margin-right:5px;vertical-align:middle}.ranking-tables th{color:#fdfdfd}.ranking-tables th,.ranking-tables tr:hover,.ranking-tablse tr:nth-child(2n){background-color:1355b2a5}.profile-pics{border-radius:50%;height:40px;width:40px}@media(max-width:1005px){.github-profiless{gap:0;padding:40px 20px 40px 5px}.github-profiless span{font-size:20px;font-size:2rem;font-weight:600;padding:30px 0;position:relative;top:20px}.user-ranking{margin-left:0;padding:40px 10px;width:85%}.profile-pics{height:20px;width:20px}}.feedback-embed-container{background-color:#fff;padding:100px 20px 20px;text-align:center}.feedback-embed-container iframe{background-color:var(--bg-color);border:1px solid #ddd}.coverletter-box{align-items:center;background-color:var(--bg-color);color:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.cover-letter-generator{align-items:start;background:var(--bg-color);border-radius:8px;justify-content:start;max-width:500px;padding:20px;text-align:start;width:100%}.cover-letter-generator h2{color:#fff;color:rgba(38,126,248,.914);font-family:Nunito,sans-serif;font-optical-sizing:auto;font-size:31px;margin-bottom:20px}.cover-letter-generator input,.cover-letter-generator textarea{border:1px solid #ccc;border-radius:4px;margin:10px 0;padding:10px;width:100%}.cover-letter-generator textarea{height:101px}.cover-letter-generator button{align-items:start;background-color:#2fa3fbdf;border:none;border-radius:4px;color:#fff;cursor:pointer;justify-content:start;margin:10px 5px;padding:10px 20px;text-align:start}.cover-letter-generator button:hover{background-color:#0994fef6}.Modal{background:var(--bg-color);border-radius:8px;bottom:auto;box-shadow:0 4px 8px #0000001a;color:#fff;left:50%;max-width:600px;padding:20px;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%);width:90%}.Overlay{background-color:var(--bg-color);bottom:0;left:0;position:fixed;right:0;top:0}.Modal h2{margin-bottom:20px}.Modal pre{word-wrap:break-word;background:#fff;border-radius:4px;color:#000;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:15px;font-weight:400;max-height:350px;overflow-y:auto;padding:11px;white-space:pre-wrap}.Modal button{background-color:#2fa3fbdf;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:10px 5px;padding:10px 20px}.Modal button:hover{background-color:#008bf6df}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--surface-color:#ffffff1a;--surface-hover:#fff3;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#fff9;--shadow-light:0 8px 32px #0000001a;--shadow-medium:0 12px 48px #00000026;--shadow-heavy:0 20px 64px #0003;--border-radius:16px;--border-radius-large:24px;--animation-duration:0.3s;--animation-timing:cubic-bezier(0.4,0,0.2,1)}.community-container{background:var(--bg-color);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.hero-sections{background:linear-gradient(135deg,#667eea1a,#764ba21a 50%,#f093fb1a);overflow:hidden;padding:120px 20px 80px;position:relative;text-align:center}.hero-contents{margin:0 auto;max-width:800px;position:relative;z-index:2}.community-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:24px}.community-subtitle{color:#fffc;color:var(--text-secondary);font-size:1.25rem;font-weight:400;line-height:1.6;margin:0 auto 32px;max-width:600px}.debug-controls{margin-top:24px}.debug-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing)}.debug-toggle:hover{background:#ffffff26;border-color:#667eea66}.debug-toggle.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea80;color:#fff;color:var(--text-primary)}.floating-elements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.floating-circle{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:80px;left:10%;top:20%;width:80px}.circle-2{animation-delay:2s;height:120px;right:15%;top:60%;width:120px}.circle-3{animation-delay:4s;height:60px;right:30%;top:30%;width:60px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.topic-info-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);padding:60px 20px}.topic-info-container{margin:0 auto;max-width:1200px;text-align:center}.topic-info-title{color:#fff;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.topic-info-subtitle{color:#fffc;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto 40px;max-width:700px}.topic-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;gap:32px;justify-content:center;margin:0 auto;max-width:500px;padding:24px}.stat-item,.topic-stats{align-items:center;display:flex}.stat-item{flex-direction:column;text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:1.8rem;font-weight:800;margin-bottom:4px}.stat-label{color:#fff9;color:var(--text-muted);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-divider{background:#ffffff1a;height:40px;width:1px}.search-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);padding:0 20px 60px}.search-container{margin:0 auto;max-width:1200px}.search-wrapper{margin:0 auto 40px;max-width:600px;position:relative}.search-bar{align-items:center;display:flex;position:relative}.search-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:2px solid #ffffff1a;border-radius:20px;color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:500;padding:20px 24px 20px 60px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing);width:100%}.search-input:focus{background:#ffffff1f;border-color:#667eea99;box-shadow:0 0 0 6px #667eea1a;outline:none;transform:translateY(-2px)}.search-input::placeholder{color:#fff9;color:var(--text-muted);font-weight:400}.search-icon{font-size:1.4rem;left:20px;z-index:2}.clear-search,.search-icon{color:#fff9;color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.clear-search{align-items:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;right:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing);width:32px}.clear-search:hover{background:#fff3;color:#fff;color:var(--text-primary);transform:translateY(-50%) scale(1.1)}.search-suggestions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 12px 48px #00000026;box-shadow:var(--shadow-medium);left:0;margin-top:8px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestions-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px 12px}.suggestions-title{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:600}.suggestions-count{background:#ffffff1a;border-radius:8px;color:#fff9;color:var(--text-muted);font-size:.8rem;padding:4px 8px}.suggestion-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing)}.suggestion-item:hover{background:#ffffff1a;transform:translateX(8px)}.suggestion-item:last-child{border-bottom:none}.suggestion-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;font-size:1.3rem;height:40px;justify-content:center;margin-right:16px;width:40px}.suggestion-content{display:flex;flex:1 1;flex-direction:column}.suggestion-name{color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:2px}.suggestion-domain{color:#fff9;color:var(--text-muted);font-size:.8rem}.suggestion-arrow{color:#fff9;color:var(--text-muted);font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing)}.suggestion-item:hover .suggestion-arrow{color:#fff;color:var(--text-primary);transform:translateX(4px)}.filter-section{margin-bottom:40px}.filter-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.filter-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing)}.filter-tab:hover{background:#ffffff1a;border-color:#667eea4d;transform:translateY(-2px)}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea80;box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-light);color:#fff;color:var(--text-primary)}.filter-icon{font-size:1.1rem}.filter-label{font-weight:600}.search-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;gap:32px;justify-content:center;margin:0 auto;max-width:500px;padding:24px}.search-stats,.stats-item{align-items:center;display:flex}.stats-item{flex-direction:column;text-align:center}.stats-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:1.8rem;font-weight:800;margin-bottom:4px}.stats-label{color:#fff9;color:var(--text-muted);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stats-divider{background:#ffffff1a;height:40px;width:1px}.community-domains{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1400px;padding:0 20px 80px}.no-results{align-items:center;display:flex;grid-column:1/-1;justify-content:center;min-height:300px;padding:40px 20px}.no-results-content{max-width:400px;text-align:center}.no-results-icon{display:block;font-size:4rem;margin-bottom:24px;opacity:.7}.no-results-title{color:#fff;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:16px}.no-results-text{color:#fffc;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:32px}.reset-filters-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing)}.reset-filters-btn:hover{box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-light);transform:translateY(-2px)}.community-domain{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--surface-color);border:1px solid #ffffff1a;border-radius:24px;border-radius:var(--border-radius-large);cursor:pointer;min-height:200px;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing)}.community-domain:hover{background:#fff3;background:var(--surface-hover);box-shadow:0 12px 48px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-8px)}.community-domain:hover .domain-overlay{opacity:1}.domain-overlay{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--animation-duration) var(--animation-timing)}.domain-header{margin-bottom:20px;position:relative;z-index:2}.domain-header,.domain-icon{align-items:center;display:flex}.domain-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;font-size:2rem;height:60px;justify-content:center;margin-right:16px;width:60px}.domain-title{color:#fff;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0}.community-list{list-style:none;margin:0;padding:0;position:relative;z-index:2}.community-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing)}.community-item:hover{background:#ffffff26;border-color:#667eea4d;transform:translateX(8px)}.community-name{color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:500}.community-arrow{color:#fff9;color:var(--text-muted);font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing)}.community-item:hover .community-arrow{color:#fff;color:var(--text-primary);transform:translateX(4px)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;height:60px;margin-bottom:24px;width:60px}.loading-text{color:#fffc;color:var(--text-secondary);font-size:1.1rem;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.error-icon{font-size:3rem;margin-bottom:16px}.error-text{color:#fffc;color:var(--text-secondary);font-size:1.1rem;margin-bottom:24px;max-width:500px}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing)}.retry-button:hover{box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-light);transform:translateY(-2px)}.community-details{margin:0 auto;max-width:1400px;padding:0 20px 80px}.details-header{margin-bottom:60px;text-align:center}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;margin-bottom:32px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing)}.back-button:hover{background:#fff3;transform:translateY(-2px)}.details-title{color:#fff;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.details-subtitle{color:#fffc;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.community-cards{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.community-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--surface-color);border:1px solid #ffffff1a;border-radius:24px;border-radius:var(--border-radius-large);display:flex;flex-direction:column;min-height:280px;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing)}.community-card:hover{border-color:#667eea4d;box-shadow:0 20px 64px #0003;box-shadow:var(--shadow-heavy);transform:translateY(-12px)}.community-card:hover .card-shine{opacity:1;transform:translateX(100%)}.card-shine{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .6s cubic-bezier(.4,0,.2,1);transition:all .6s var(--animation-timing);width:100%}.card-header{display:flex;justify-content:flex-end;margin-bottom:20px}.card-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;padding:8px 12px}.platform-icon{font-size:1.2rem}.card-content{display:flex;flex:1 1;flex-direction:column}.card-title{color:#fff;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:16px}.card-description{color:#fffc;color:var(--text-secondary);flex:1 1;font-size:1rem;line-height:1.6;margin-bottom:32px}.card-footer{margin-top:auto}.join-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;justify-content:space-between;overflow:hidden;padding:16px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--animation-timing);width:100%}.join-button:hover{box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-light);transform:translateY(-2px)}.join-icon{font-size:1.2rem;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--animation-duration) var(--animation-timing)}.join-button:hover .join-icon{transform:translateX(4px)}@media (max-width:768px){.hero-section{padding:80px 20px 60px}.community-title{font-size:2.5rem}.community-subtitle{font-size:1.1rem}.topic-info-section{padding:40px 15px}.topic-info-title{font-size:1.75rem}.topic-info-subtitle{font-size:1rem;margin-bottom:30px}.topic-stats{flex-direction:column;gap:20px;padding:20px}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.stat-divider{height:1px;width:40px}.community-domains{gap:20px;grid-template-columns:1fr;padding:0 15px 60px}.community-domain{min-height:auto;padding:24px}.domain-icon{font-size:1.5rem;height:50px;margin-right:12px;width:50px}.domain-title{font-size:1.3rem}.community-cards{gap:24px;grid-template-columns:1fr}.community-card{min-height:240px;padding:24px}.details-header{margin-bottom:40px}.circle-1,.circle-2,.circle-3{display:none}}@media (max-width:480px){.hero-section{padding:60px 15px 40px}.community-title{font-size:2rem}.community-subtitle{font-size:1rem}.topic-info-section{padding:30px 10px}.topic-info-title{font-size:1.5rem}.topic-info-subtitle{font-size:.95rem}.topic-stats{gap:16px;padding:16px}.stat-number{font-size:1.3rem}.community-domain{padding:20px}.domain-header{align-items:flex-start;flex-direction:column;margin-bottom:16px;text-align:left}.domain-icon{margin-bottom:12px;margin-right:0}.community-card{padding:20px}.card-title{font-size:1.3rem}.join-button{font-size:.95rem;padding:14px 20px}}.watson-ibm{background-color:var(--bg-color);height:100vh}.chatbot-container{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;padding:16px;position:relative;top:200px;width:400px}.chat-history{margin-bottom:10px;max-height:300px;overflow-y:auto}.message{border-radius:5px;margin:5px 0;padding:8px}.message.user{text-align:right}.message.assistant{text-align:left}.chat-input{border:1px solid #ccc;border-radius:4px;padding:10px;width:calc(100% - 80px)}.send-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:5px;padding:10px 15px}body,html{background-color:#f0f2f5;font-family:Arial,sans-serif;height:100%;margin:0;padding:0;width:100%}.server-error{align-items:center;background-color:#1c1c1c;color:#fff;display:flex;height:100vh;justify-content:center;text-align:center}.error-content{max-width:500px}.icon{color:#ff4757;margin-bottom:20px}h1{font-size:2.5rem;margin-bottom:10px}p{color:#ddd;font-size:1.2rem}
/*# sourceMappingURL=main.80211d81.css.map*/