@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg: #11101a;--sidebar: #0e0d16;--maincolor: #f84f39;--maincolor-hover: #ff6b5a;--maincolor-glow: rgba(248, 79, 57, .2);--gradient-1: linear-gradient(135deg, #f84f39, #e84430);--gradient-2: linear-gradient(135deg, #f84f39, #ff6b5a);--text: #ffffff;--text-secondary: #8b8ba6;--text-muted: #5c5c78;--hr: #1f1e2e;--disabled: #55556e;--card-bg: #14131e;--card-border: #1f1e2e;--card-hover-border: rgba(248, 79, 57, .4);--glass-bg: rgba(14, 13, 22, .5);--glass-border: rgba(255, 255, 255, .06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 36px rgba(0, 0, 0, .5), 0 0 24px rgba(248, 79, 57, .1)}*{margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}body{background-color:var(--bg);font-family:Plus Jakarta Sans,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:transparent;border-radius:10px}*::-webkit-scrollbar-thumb{background-color:var(--maincolor);border-radius:10px}::selection{background-color:var(--maincolor);color:#fff}#root{display:flex;flex-direction:row;justify-content:space-between;min-height:100vh}hr{border:1px solid var(--hr)}.icon{width:35px;height:35px;z-index:100;transition:transform .25s ease}.icon path{fill:var(--maincolor)}.icondark path{fill:var(--sidebar)}.icondark{width:20px;height:20px}.logo{height:60px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--maincolor-glow)}50%{box-shadow:0 0 20px var(--maincolor-glow),0 0 40px #f84f391a}}@media (max-width: 900px){*::-webkit-scrollbar{width:3px;height:3px}}.sidebar{display:flex;flex-direction:column;gap:18px;background-color:var(--sidebar);height:calc(100vh - 40px);padding:20px;width:70px;transition:width .3s ease;position:sticky;top:0;z-index:10}.sidebar-expand{width:220px}.sidebar-header{display:flex;flex-direction:column;align-items:center;gap:10px}.sidebar-action-icon{border:2px solid var(--maincolor);border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .25s ease,box-shadow .25s ease}.sidebar-action-icon:hover{background:rgba(248,79,57,.12);box-shadow:0 0 14px var(--maincolor-glow)}.sidebar-options{display:flex;flex-direction:column;gap:20px;margin:0 auto;width:100%}.selected{background:rgba(248,79,57,.1);border-radius:12px}.selected>.textOption{font-weight:800;color:var(--maincolor);transform:scale(1.2)}.selected>svg{transform:scale(1.2)}.selected .selected-show{display:block}.selected-show{display:none;position:absolute;left:0;border-radius:0 10px 10px 0;background:var(--maincolor);width:8px;height:35px;box-shadow:0 0 20px var(--maincolor)}.option{display:flex;justify-content:center;align-items:center;gap:12px;color:var(--text);font-weight:500;position:relative;transition:background .2s ease}.sidebar-expand .option{justify-content:start}.option p{transition:transform .2s ease}.option svg{transition:transform .2s ease}.option:hover{background:rgba(248,79,57,.06)}.option:hover p{transform:scale(1.2)}.option:hover svg{transform:scale(1.2)}.textOption{margin-left:10px;display:none}.res-sidebar{display:none}.ham-container{position:fixed;top:0;left:0;width:100vw;height:60px;background:linear-gradient(180deg,var(--bg) 0%,transparent 100%);z-index:998}.hamburguer{height:50px;width:50px;position:fixed;z-index:1001;display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--sidebar);border:1px solid var(--card-border);border-radius:10px;cursor:pointer}.ham{background-color:var(--maincolor);width:30px;height:5px;border-radius:20px}@media screen and (max-width: 900px){.sidebar{height:calc(100vh - 40px);display:none}.res-sidebar{display:block;height:calc(100vh - 40px);position:fixed;top:0;left:-400px;z-index:999;background-color:var(--sidebar)}.res-sidebar .sidebar-options{margin:20px}.hamburguer{display:flex;align-items:start;width:min-content;margin-left:20px}}.divparent{margin:auto;height:90vh;overflow:scroll;width:100%;padding:40px 80px;display:flex;flex-direction:column;align-items:center}.filter-bar{width:100%;max-width:1600px;margin-bottom:32px;display:flex;flex-direction:column;gap:16px}.search-box{display:flex;align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:0 16px;height:48px;width:100%;max-width:420px;transition:border-color .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:var(--maincolor);box-shadow:0 0 0 3px #f84f391f}.search-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;padding:0 12px;outline:none;height:100%}.search-input::placeholder{color:var(--text-muted)}.search-clear{cursor:pointer;color:var(--text-muted);display:flex;align-items:center;transition:color .2s ease}.search-clear:hover{color:var(--maincolor)}.sub-tabs{display:flex;flex-wrap:wrap;gap:8px}.sub-tab{padding:8px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.sub-tab:hover{border-color:var(--card-hover-border);color:var(--text)}.sub-tab.active{background:var(--gradient-1);border-color:transparent;color:#fff;font-weight:600}.no-results{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;min-height:200px}.no-results p{color:var(--text-muted);font-size:16px;font-weight:500}.maninComponent{display:grid;grid-gap:40px;grid-template-columns:repeat(auto-fit,300px);justify-content:center;width:100%}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;height:min-content;width:300px;display:flex;flex-direction:column;align-items:start;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--card-hover-border)}.card-img{width:300px;height:150px;object-fit:cover;object-position:center;border-radius:20px 20px 0 0;transition:transform .4s ease}.card:hover .card-img{transform:scale(1.04)}.card-title{padding:10px 20px;max-height:30px;width:calc(100% - 40px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--maincolor);font-weight:700;text-transform:capitalize}.card-desc{padding:5px 20px;text-align:left;height:100px;overflow:auto;font-size:13px;line-height:1.6;color:var(--text-secondary)}.noDesc{color:var(--disabled)}.card-footer{padding:20px;width:calc(100% - 40px);display:flex;justify-content:space-between;align-items:center}.card-btn{background:var(--gradient-1);border-radius:10px;text-decoration:none;height:35px;display:flex;flex-direction:row;padding:0 15px;gap:10px;align-items:center;color:#fff;font-size:18px;font-weight:600;border:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 3px 10px #f84f3933}.card-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px #f84f3959}.star{cursor:pointer;transition:transform .2s ease}.star:hover{transform:scale(1.2)}.star:active{transform:scale(.9)}.favsclass{overflow:auto}.favText{min-height:75vh;display:flex;align-items:center;justify-content:center;font-size:28px;margin:auto;width:60%;max-width:600px;font-weight:800;text-align:center;color:var(--text-secondary);line-height:1.4;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:48px 32px;animation:fadeInUp .5s ease-out}.bgimg{width:100%;min-height:100vh;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;background-image:url(/assets/BG-af21247b.svg);background-repeat:no-repeat;background-size:cover;background-position:center}@media screen and (max-width: 900px){.divparent{width:100vw;height:100vh;padding:0}.filter-bar{padding:12px 12px 0;margin-top:50px;margin-bottom:16px;gap:12px}.search-box{max-width:100%;height:42px}.sub-tabs{gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.sub-tab{padding:6px 14px;font-size:12px;white-space:nowrap;flex-shrink:0}.maninComponent{margin-top:0;width:calc(100% - 20px);display:flex;flex-wrap:wrap;gap:30px;padding:0 10px}.card{width:150px;border-radius:16px}.card-img{width:150px;height:75px}.card-title{padding:10px;max-height:30px;width:calc(100% - 20px);font-size:16px}.card-desc{padding:0 10px;margin-bottom:10px;text-align:left;height:50px;overflow:auto;font-size:10px}.card-footer{padding:0 10px 10px;width:calc(100% - 20px)}.card-btn{border-radius:100%;height:30px;width:30px;display:flex;justify-content:center;align-items:center;padding:0}.visit{display:none}.favText{font-size:22px;width:90%;padding:28px 18px}}.footer{border-top:2px solid var(--maincolor);margin:50px auto auto;width:90%;background-color:var(--bg);padding:20px 2px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.icons{display:flex;align-items:center}.icons ul{display:flex;list-style:none;gap:8px;align-items:center}.icons a{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:10px;transition:background .25s ease}.icons a:hover{background:rgba(248,79,57,.08)}.icons a:hover svg{transform:scale(1.2)}.icons a svg{transition:transform .2s ease}.name{margin-left:24px;font-size:22px;font-weight:700;cursor:pointer;color:var(--text);transition:color .25s ease}.name:hover{color:var(--maincolor)}@media screen and (max-width: 900px){.footer{justify-content:center}.icons,.name{margin-bottom:20px}.icons a{margin:0 4px}}.landingpage{width:100%;display:flex;flex-direction:column!important;justify-content:center;align-items:start;overflow-x:hidden}.img{margin:auto;width:50vw;height:100vh}.p1{min-height:400px;background:var(--gradient-1);color:#fff;padding:40px 60px;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;position:relative;overflow:hidden}.p1:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 50%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.p1 p{width:50%;text-align:justify;font-size:20px;font-weight:500;line-height:1.7;position:relative;z-index:1}.p1 img{width:400px;height:auto;max-height:400px;position:relative;z-index:1;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25))}.p2{min-height:400px;color:var(--text);padding:40px 60px;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;background:var(--bg);position:relative}.p2 p{width:50%;text-align:justify;font-size:20px;font-weight:400;line-height:1.7;color:var(--text-secondary)}.p2 img{width:400px;height:auto;max-height:400px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.3))}.t1{background:var(--gradient-1);color:#fff;margin:auto;padding:60px;text-align:center;font-size:20px;font-weight:500;line-height:1.7;width:100%}.container{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:5;pointer-events:none}.chevron{position:absolute;width:28px;height:8px;opacity:0;transform:scale3d(.5,.5,.5);animation:chevronMove 3s ease-out infinite}.chevron:first-child{animation-delay:0s}.chevron:nth-child(2){animation-delay:.5s}.chevron:nth-child(3){animation-delay:1s}.chevron:before,.chevron:after{content:"";position:absolute;top:0;height:100%;width:51%;background:var(--maincolor)}.chevron:before{left:0;transform:skew(0,30deg)}.chevron:after{right:0;width:50%;transform:skew(0,-30deg)}@keyframes chevronMove{0%{opacity:0;transform:translateY(0) scale3d(.5,.5,.5)}25%{opacity:1}50%{opacity:1;transform:translateY(24px) scale3d(.5,.5,.5)}75%{opacity:.5}to{opacity:0;transform:translateY(40px) scale3d(.5,.5,.5)}}.text{display:block;margin-top:75px;margin-left:-30px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;color:var(--text-secondary);text-transform:uppercase;white-space:nowrap;opacity:.25;animation:pulse 2s linear alternate infinite}@keyframes pulse{to{opacity:1}}@media screen and (max-width: 900px){.img{margin:auto;width:80vw}.p1,.p2{min-height:auto;padding:40px 20px;justify-content:space-around;gap:20px}.p1 p,.p2 p{width:70%;font-size:14px}.p1 img,.p2 img{width:30%;height:min-content}.t1{padding:40px 20px;font-size:16px}}
