@namespace url(http://www.w3.org/1999/xhtml);*,::after,::before{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Nunito;src:url(/fonts/Nunito-VariableFont_wght.ttf) format('truetype');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Italic-VariableFont_wght.ttf) format('truetype');font-weight:100 900;font-style:italic;font-display:swap}html{font-size:57.5%}body,html{height:100%;display:flex;flex-direction:column;margin:0;padding:0;width:100%;overflow-x:hidden}.main-content{flex-grow:1}main{flex-grow:1}body{overflow-x:hidden;overflow-y:auto;height:auto;overscroll-behavior:none;--f5:hsl(220, 50%, 90%);--focus:#5B87C5;--border-color:hsla(0, 0%, 100%, .2);--global-background:#111111;--button:#3E679D;--violet:#8338ec;--accent:#ed6644;--accent-dark:#943c25;--orange:#c48d0d;--a:#a9a9a9;--6D:#5a5a5a;--2:#1d1d1d;--1D:#1d1d1d;--1:#111111;--3d:#3d3d3d;--5a:#5a5a5a;--c:#cccccc;--f5:#f5f5f5;--2F:#2f2f2f;--dark-red:#9c2214;--gray:#6A6A6A;--background:#252525;color:var(--f5);background:var(--global-background);font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--6D) var(--3d)}p{line-height:28px;font-size:18px;margin-bottom:10px;}.container{flex-grow:1;background:var(--global-background);margin:0 auto;text-align:center;font-size:20px;margin-top:60px;overflow-y:auto;box-sizing:border-box;}.shorts-section{min-height:542px;}@media (max-width:1001px){.tags-cloud-section{min-height:256px;}.wlip-section{scroll-margin-top: 50px;}}.microblogs-section{min-height:372px;}.community-section{min-height:460px;}.community-users-section{min-height:122px;}container{padding-left:0;width:calc(100% - 320px);padding:6px;padding-top:1px;min-height:calc(100vh - 60px - 200px);margin-left:310px}}.app-wrapper{display:flex;flex-direction:row;flex-grow:1;min-height:0}strong{font-weight:700;letter-spacing:.7px}button{padding:12px;border-radius:9px;font-size:16px;letter-spacing:1px;transition:.2s;cursor:pointer;background:var(--2F);color:var(--f5);border:none;margin-right:8px}h4{color:var(--a);font-size:20px;font-weight:400;padding-bottom:10px}h1{font-size: 25px;color: var(--f5);}h2{font-size:24px;color:var(--a);font-weight:400;margin-bottom:10px;}article>h2{color:orange;}h3{font-style:normal;font-weight:400;font-size:18px;line-height:100%;color:var(--c);margin-bottom:10px}::-webkit-scrollbar {width: 6px;height: 6px;}textarea{font-family:"Open Sans",sans-serif;background-color:var(--3d);font-size:1.8rem;background-clip:padding-box;border:none;border-radius:3px;padding:8px;color:#fff;display:block;width:100%;font-family:"Open Sans",sans-serif}.category-select select,select{font-family:"Open Sans",sans-serif;font-size:1.6rem;padding:10px;width:100%;color:var(--f5);background-color:var(--3d);border:none;border-radius:4px;outline:0;margin-bottom:10px;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D'10'%20height%3D'6'%20viewBox%3D'0%200%2010%206'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M0%200l5%206%205-6z'%20fill%3D'%23aaa'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px}select:focus{border:1px solid var(--accent)}option{color:var(--f5);font-size:1.5rem}input[type=email],input[type=password],input[type=text],input[type=url]{font-family:"Open Sans",sans-serif;display:block;width:100%;padding:10px;font-weight:400;line-height:1.5;font-size:17px;letter-spacing:1px;background-color:var(--2F);color:var(--f5);border:none;border-radius:7px}input[type=date]{font-family:"Open Sans",sans-serif;display:inline;width:200px;padding:10px;font-weight:400;line-height:1.5;color:#fff;font-size:1.8rem;letter-spacing:1px;background-color:var(--3d);color:var(--f5);border:none;border-radius:3px;margin-left:5px}input[type=number]{font-family:"Open Sans",sans-serif;width:100px;padding:10px;font-weight:400;line-height:1.5;color:#fff;font-size:1.8rem;letter-spacing:1px;background-color:var(--3d);color:var(--f5);border:none;border-radius:3px;text-align:center;margin-top:10px;margin-left:10px}.card-header{display:flex;align-items:center;padding:8px 12px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute}.carousel-outer{position:relative;width:100%;max-width:980px;margin:0 auto;padding:0 40px;box-sizing:border-box}.carousel-container{width:100%;overflow:hidden}.carousel-wrapper{display:flex;transition:transform .3s ease}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:var(--2F);border:none;color:#fff;font-size:24px;padding:10px;cursor:pointer;border-radius:50%;z-index:900;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.carousel-button.left{left:0}.carousel-button.right{right:0}.carousel-button:disabled{opacity:.5;cursor:not-allowed}.carousel-button:hover:not(:disabled){background:rgba(255,255,255,.3)}.shorts-card{width:290px;height:510px;position:relative;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 4px 10px rgba(0,0,0,.3);flex:0 0 auto;margin-right:16px;margin-left:0}@media (min-width:1000px){.footer-bottom{margin-left:280px;}.mobile-menu{transform:translateX(0);width:320px}#main-content{display:block;width: 100%;max-width: 100%;margin-top:80px;padding-left: 50px;}.container{width:calc(100% - 320px);margin-left:250px}.menu-overlay{display:none}.wlip-footer{padding-left:320px}.center-menu{display:flex;gap:3px;justify-content:center;flex-grow:1;text-align:center;top:5px;position:relative}}@media (max-width:1001px){.carousel-outer{padding:0 20px}.carousel-container{max-width:100%}.shorts-card{width:calc((100% - 16px)/ 2);height:400px;margin-right:16px}.short-video{height:300px}.carousel-button{font-size:20px;width:36px;height:36px}.carousel-button.left{left:-10px}.carousel-button.right{right:-10px}}.checkmark::after{content:"";position:absolute;display:none;left:10px;top:4px;width:8px;height:15px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}p.y-error{color:#f7da8b;float:right;animation:shake .5s ease-in-out;display:inline-block;transition:opacity .5s ease-in-out,transform .5s ease-in-out;opacity:1;transform:translateY(0);font-size:20px}p.y-error.hide{opacity:0;transform:translateY(20px)}input#username:-moz-autofill,input#username:-moz-autofill-preview,input#username:-webkit-autofill{filter:none;background:#3d3d3d!important}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:0;background-color:#3d3d3d;border:1px solid #ed6644;border-radius:4px}input[type=date]{min-height:40px}input[type=date]::-webkit-date-and-time-value{padding:6px 0}input::-webkit-datetime-edit{line-height:1;padding:0;min-height:40px}.no-visible-url{color:inherit;text-decoration:none}.desktop-navbar{display:flex;justify-content:space-between;align-items:center;width:100%}.div-block{display:block;margin-top:5px}.div-block label{display:block;align-items:center;gap:10px;font-size:17px;line-height:1.4;cursor:pointer;margin-bottom:10px}.menu{background:#34373e;padding:3px 10px;border-radius:5px;color:#d9e1f2}.danger-p{font-weight:400;font-size:17px;line-height:140%;color:var(--f5)}.share-popup{padding:15px 24px;position:fixed;background-color:var(--accent-dark);z-index:9999;max-width:300px;font-size:18px;border-radius:8px;box-sizing:border-box;line-height:35px;bottom:50px;right:50px;}input.custom-checkbox{position:absolute;left:0;top:0;width:0;height:0;margin:0;opacity:0;pointer-events:none;display:block!important}input.custom-checkbox+.checkmark{display:inline-block;width:30px;height:30px;background-color:var(--3d);border-radius:4px;margin-right:10px;position:relative;cursor:pointer;transition:background-color .3s,border-color .3s}input.custom-checkbox:checked+.checkmark{background-color:#3d3d3d;border-color:#777}input.custom-checkbox+.checkmark::after{content:"";position:absolute;left:10px;top:4px;width:8px;height:15px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);display:none}input.custom-checkbox:checked+.checkmark::after{display:block}input.custom-checkbox:focus-visible+.checkmark{outline:2px solid var(--accent,#ed6644);outline-offset:2px}input.custom-checkbox:disabled+.checkmark{opacity:.6;cursor:not-allowed}.checkmark{top:8px}.bottom-menu{position:fixed;bottom:0;left:0;width:100%;background:rgba(34,34,34,.95);display:flex;justify-content:space-around;align-items:center;padding:10px 0;height:5px;overflow:hidden;z-index:1000;display:none;transition:height .3s ease;cursor:pointer;border-top:4px solid #000}.bottom-menu.expanded{height:78px}.bottom-menu.expanded a{display:flex}.bottom-menu a{display:none}.bottom-menu a{text-decoration:none;color:var(--light);text-align:center;font-size:1.4rem;flex-direction:column;align-items:center;position:relative}.bottom-menu a:hover{color:var(--focus)}.bottom-menu i{font-size:22px}.bottom-menu span{margin-top:5px;font-size:1.6rem}.info-badge{position:relative;z-index:9;background-color:var(--accent);color:#fff;font-size:10px;border-radius:10px;padding:3px 6px;margin-left:5px;top:-8px;right:-10px;display:inline-block;min-width:18px;text-align:center;line-height:1;font-size:12px}.search-bar{display:flex;align-items:center;background:var(--2F);color:var(--a);border-radius:8px;padding:6px 10px;gap:8px;height:40px;min-width:500px}.search-icon{font-size:20px;color:var(--a)}.input[type="date"] {height: 50px;}search-input{border:none;outline:0;background:0 0;color:var(--a);font-size:16px;width:100%;margin-left:5px}.desktop-navbar{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-menu-wrapper{display:flex;align-items:center;width:100%;margin-bottom:10px}.login-btn{background:var(--accent-dark);border-radius:20px;padding:9px;min-width:140px;color:#fff}.ri-login{font-size:18px;position:relative;top:-1px;vertical-align:middle}.icon-mobile{text-decoration:none;color:var(--c);font-size:18px;padding:12px 8px;text-align:left;line-height:20px}.icon-mobile>i{margin-right:8px}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999}.mobile-menu .account-section{border-top:1px solid rgba(255,255,255,.2);padding-top:10px;margin-top:auto}.navbar-links{display:flex;align-items:center;gap:11px;position:relative}.hide-full{display:none}.f25{font-size:25px}.profile-img{width:35px;height:35px;border-radius:50px;cursor:pointer;margin-left:10px}.profile-menu{position:absolute;top:60px;right:1px;background:var(--1D);border-radius:8px;width:220px;padding:10px 0 10px 0;z-index:1001;display:none;flex-direction:column;gap:10px}.profile-menu.show{display:flex}.profile-menu a{font-size:16px;color:var(--f5);text-decoration:none;padding:10px}@media (max-width:1001px){.footer-bottom{left:0;text-align:center}.footer-bottom>p{font-size:14px;}.footer-bottom{margin-left:0px;}.wlip-footer{margin-left:0}.footer-menu{height:200px}.mobile-menu .account-section{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.navbar-links{display:flex;align-items:center;margin-left:-60px}.hide-full{display:block}.navbar-links .notifications-icon{display:flex}.mobile-menu{width:60%}.center-menu{display:none}.search-container{display:none}.bottom-menu{display:flex}}.tooltip{position:relative;display:inline-block;isolation:isolate}.tooltip .tooltiptext{visibility:hidden;opacity:0;width:max-content;max-width:240px;background-color:#000;color:var(--f5);text-align:center;padding:6px 8px;border-radius:4px;font-size:13px;line-height:1.4;position:absolute;z-index:9999;bottom:125%;left:50%;transform:translateX(-50%);transition:opacity .2s;white-space:pre-line;font-family:Roboto,sans-serif}.forum-loader{width:36px;height:36px;border:3px solid var(--3d);border-top:3px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto;display:block;opacity:.7;z-index:999}@keyframes spin{to{transform:rotate(360deg)}}.social-icons-container{margin-bottom:7px}.social-icon{color:var(--a);font-size:25px;margin-right:30px;cursor:pointer}.social-icon:hover{color:var(--c)}.error-message{background:var(--accent-dark);border:1px solid var(--accent);color:var(--f5);width:300px;padding:20px;border-radius:12px;font-size:18px;line-height:1.6;margin:5px auto;text-align:center}.dot-badge{background:var(--accent);width:12px;height:12px;position:absolute;border-radius:10px;left:17px;top:-2px}.close-popup{position:fixed;right:8px;top:-3px;font-size:18px;font-weight:700;cursor:pointer;color:var(--f5);font-size:30px}.menu:hover{background:#62656e}img.emoji{width:37px;vertical-align:middle;top:-2px;position:relative}.footer-bottom{position:absolute;bottom:0px;font-size:14px;color:var(--6D)}.footer-column{display:flex;flex-direction:column}.footer-column a{color:var(--a);text-decoration:none;margin:6px 0;font-size:15px}.footer-left{display:flex;align-items:flex-start}.footer-menu{display:flex;justify-content:flex-end;gap:40px;align-items:flex-start;margin-right:30px}.hamburger{display:flex;font-size:30px;cursor:pointer;color:#fff;margin-right:10px;transition:all .3s ease}.hamburger i{transition:opacity .2s ease,transform .3s ease}.hamburger i.ri-menu-2-line{opacity:1;transform:rotate(0)}.hamburger i.ri-close-line{transform:rotate(90deg);color:#fff;font-size:32px}.hamburger.active i.ri-menu-2-line{opacity:0;transform:rotate(-90deg)}.hamburger.active i.ri-close-line{opacity:1;transform:rotate(0)}.has-submenu{position:relative;cursor:pointer;display:block}@media (min-width:1000px){.w800{width:850px!important}.mobile-menu{transform:translateX(0)}.hamburger{display:none}.menu-overlay{display:none}}@media (max-width:1001px){.mobile-menu{left:-100%}.mobile-menu.show{left:0}.container{width:100%;margin-left:0;padding:6px;padding-top:1px;min-height:calc(100vh - 60px - 200px)}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:998;display:none}.menu-overlay.show{display:block}.hamburger{display:flex}}.header-subtitle{text-align:left;margin-left:20px;cursor:default}.hidden{transform:translateX(-100%)}.bb{border-bottom:1px solid var(--2F)}.popup-info{color:var(--f5);font-size:18px;line-height:25px;margin-bottom:20px}.static-info{background-color:var(--1D);padding:15px;border-radius:12px;font-size:15px;line-height:1.6;color:var(--f5);max-width:900px;margin:10px auto;text-align:center}.submenu-arrow{float:right;transform:translateY(-50%);font-size:18px;position:absolute;right:8px;top:20px}.read-more{position:relative;top:0;cursor:pointer;font-size:18px;color:var(--a)}.submenu{display:flex;flex-direction:column;padding-left:30px;padding-top:8px}.submenu a{padding:8px 0;color:var(--c);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05)}.submenu a:last-child{border-bottom:none}::-webkit-scrollbar-track{background:var(--3d);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--6D);border-radius:10px;border:2px solid var(--3d)}::-webkit-scrollbar-thumb:hover{background:var(--a)}.icon-mobile{display: inline-flex;align-items: center;gap: 6px;text-decoration:none;color:var(--c);font-size:18px;padding:12px 8px;text-align:left;line-height:20px}.icon-mobile>i{margin-right:8px}.login-btn{background:var(--accent-dark);border-radius:20px;padding:9px;min-width:140px;color:#fff}.login-container{max-width:550px;margin:0 auto;margin-top:35px;margin-bottom:35px;text-align:left;line-height:40px;font-size:17px}.login-form input{border-radius:5px}.radius-login{border-radius:20px;margin-right:10px;cursor:pointer;text-decoration:none;color:var(--f5);width:100%;margin-bottom:5px;font-size:17px;background:var(--2F);margin-top:10px;padding:12px}.radius-login:hover{background:var(--accent-dark)}.main-info{margin:15px;text-align:left;color:var(--c);font-size:17px}.right-menu{display:block;text-decoration:none;padding:8px;border-radius:8px}.right-menu i{margin-right:7px;color:var(--a)}.forgot-pass{display:block;margin-top:10px;text-align:center;cursor:pointer}.right-menu span{color:#d9e1f2}.icon-mobile.has-submenu{position:relative;cursor:pointer;display:block}.submenu-room-link{display:flex;align-items:center}.submenu-room-icon{width:24px;height:24px;border-radius:50%;margin-right:8px;object-fit:cover}.main-page-container{max-width:1200px;margin:0 auto;padding-top:20px;border-top:1px solid var(--2F);border-left:1px solid var(--2F);border-right:1px solid var(--2F)}.mobile-menu{position:fixed;top:60px;left:0;height:calc(100vh - 60px);width:280px;background-color:rgba(29,29,29,.95);backdrop-filter:blur(10px);padding:10px;display:flex;flex-direction:column;justify-content:flex-start;transition:transform .3s ease-in-out;z-index:999;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-right:1px solid var(--2F)}.mobile-menu.show{left:0}.mobile-menu a:last-child{border-bottom:none}.mobile-menu .account-section{border-top:1px solid rgba(255,255,255,.2);padding-top:10px;margin-top:auto}@media (max-width:1001px){.wlip-footer{min-height: 250px !important;}.fhide{display:block}.footer-left{display:none}.login-container{margin-top:10px}.hide-m{display:none!important}.tooltip .tooltiptext{display:none}}.mobile-menu.hidden{transform:translateX(-100%)}.logo{position:relative;top:8px;display:inline-block}.navbar{height:60px;width:100%;display:flex;align-items:center;padding:0 20px;position:fixed;top:0;left:0;z-index:1000;background-color:rgba(29,29,29,.8);backdrop-filter:blur(10px)}.navbar a{text-decoration:none;font-size:17px;color:var(--c);position:relative}.navbar-links{display:flex;align-items:center;gap:11px;position:relative}.fhide{display:none}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;color:#fff;border-radius:50%;padding:10px}.radius-login{border-radius:20px;margin-right:10px;cursor:pointer;text-decoration:none;color:var(--f5);width:100%;margin-bottom:5px;font-size:17px;background:var(--2F);margin-top:10px;padding:12px}.radius-login:hover{background:var(--accent-dark)}.ri-login{font-size:18px;position:relative;top:-1px;vertical-align:middle}.search-bar{display:flex;align-items:center;background:var(--2F);color:var(--a);border-radius:8px;padding:6px 10px;gap:8px;height:40px;min-width:500px}.search-icon{font-size:20px;color:var(--a)}.search-input{border:none;outline:0;background:0 0;color:var(--a);font-size:16px;width:100%;margin-left:5px}.section{border-bottom:1px solid var(--2F);padding-bottom:20px;padding-top:10px}@media (max-width:768px){.wlip-section{padding-left:15px;padding-right:15px;}.shorts-card{width:290px;height:510px;position:relative;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 4px 10px rgba(0,0,0,.3);cursor:pointer}}.social-icon{color:var(--a);font-size:25px;margin-right:30px;cursor:pointer}.social-icon:hover{color:var(--c)}.submenu-arrow{float:right;transform:translateY(-50%);font-size:18px;position:absolute;right:8px;top:20px}.video-thumb{object-fit:cover}.video-thumbnail{position:relative;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.video-thumbnail.hidden{opacity:0;pointer-events:none}.wlip-footer{width:100%;background-color:var(--2);display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:20px;position:relative;min-height:180px;color:var(--a);border-top:2px solid #3d3d3d;box-sizing:border-box}.wlip-label{left:0;top:0;z-index:99;font-size:16px;margin:2px;background:var(--2F);padding:5px;border-radius:7px;color:var(--f5);text-decoration:none;transition:background .4s ease}.wlip-link{color:var(--accent);text-decoration:none;transition:filter .3s ease}.wlip-link:hover{filter:brightness(1.1)}input:-moz-autofill{background-color:#3d3d3d!important;-moz-box-shadow:0 0 0 1000px #3d3d3d inset!important;color:var(--f5)!important}.radius{margin-right:10px;padding:12px;border-radius:30px;color:var(--f5);text-decoration:none;width:220px;display:inline-block;text-align:center;background:var(--2F);font-size:17px}.radius:hover{background:var(--3d)}.y{width: 20px;border-radius: 100rem;font-size: 30px;position: absolute;top: 9px;right: 50px;display: flex;justify-content: center;align-items: center;transition: .2s;cursor: pointer;color: var(--a);z-index: 99;}.x{width:4rem;height:4rem;border-radius:100rem;font-size:5rem;position:absolute;top:8px;right:5px;display:flex;justify-content:center;align-items:center;transition:.2s;cursor:pointer;color:var(--a);z-index:99}.x::before{content:'×';transform:translateY(-.1rem)}.x:hover{color:var(--f5)}.bb{border-bottom:1px solid var(--2F)}.simple-button{width:200px;margin-bottom:5px;margin-top:5px;background:var(--2F);color:var(--f5);border-radius:5px;padding:1rem 1.6rem;text-decoration:none;font-size:17px}.popup-background{backdrop-filter: blur(1px);-webkit-backdrop-filter: blur(1px);position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1001;opacity:1;transition:opacity .3s ease;}.popup{flex-direction: column;display: flex;width:60rem;border-radius:.8rem;position:relative;overflow:hidden;font-size:21px;line-height:35px;z-index:9000;text-align:left;background:#111;color:var(--f5);max-height:95%}.popup-active .popup{opacity:1;transform:scale(1)}.popup-hide .popup{opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s ease}.popup-background{opacity:0;transition:opacity .3s ease}.popup-active .popup-background{opacity:1}label{color:#aaa;font-size:17px}@media (max-width:450px){.h450{display:none;}.carousel-outer{padding:0 10px}.carousel-container{max-width:100%;display:flex;justify-content:center}.carousel-wrapper{gap:0px;display:flex;transition:transform .3s ease}.shorts-card{width:100%;height:400px;margin:0;flex: 0 0 100%;}.short-video{height:250px}.video-container{max-width:100%}.carousel-button{font-size:18px;width:32px;height:32px}.carousel-button.left{left:-5px}.carousel-button.right{right:-5px}}.center{text-align: center;color: var(--c);}.center>span{cursor:pointer;}.pass-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:20px;color:var(--c);}code{background: var(--2F) !important;color: var(--accent);font-family: 'Fira Code',monospace;font-size: 16px !important;padding: 2px 5px !important;border-radius: 4px !important;border: 1px solid var(--3d);}.login-form{padding:30px;background: var(--2);border-radius: 10px;border: 1px solid var(--2F);}@media (min-width:1002px){.wlip-section{width: 800px;margin: 0px auto;}}.hide{opacity: 0;transform: translateY(20px) !important;}small{color: var(--5a);font-size:14px;}.add-w{font-size: 22px;margin-right: 0px !important;}.form-message {display: flex;align-items: flex-start;gap: 12px;padding: 14px 16px;margin-bottom: 18px;border-radius: 10px;font-size: 16px;line-height: 1.5;animation: slideFadeIn 0.3s ease;}.form-message .icon {font-size: 20px;line-height: 1;margin-top: 2px;}.form-message.error {background: #2a1411;border: 1px solid #ed6644;color: #f5f5f5;}.form-message.success {background: #12241a;border: 1px solid #3cb371;color: #f5f5f5;}.form-message.info {background: #1c1c1c;border: 1px solid #444;color: #cccccc;}@keyframes slideFadeIn {from {opacity: 0;transform: translateY(-8px);}to {opacity: 1;transform: translateY(0);}}.login-info{padding: 10px;padding-bottom: 10px;color: var(--a);border-radius: 10px;border: 1px solid var(--2F);padding-bottom: 20px;} ul{margin-left: 20px;margin-bottom: 10px;}
/* ===============================
HEADER
================================ */
.main-header {
text-align: center;
margin: 25px 0 35px 0;
}
.main-banner {
width: 100%;
height: 200px;
overflow: hidden;
border-radius: 16px;
margin-bottom: 20px;
}
.main-banner img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.main-header h1 {
font-size: 26px;
font-weight: 700;
margin-bottom: 10px;
}
.main-header p {
font-size: 16px;
color: #666;
max-width: 720px;
margin: 0 auto;
line-height: 1.5;
}
.main-about {
padding: 25px;
background: var(--2);
border-radius: 12px;
margin: 20px;
}
.main-about h2 {
font-size: 22px;
margin-bottom: 15px;
}
.main-about p {
line-height: 1.6;
margin-bottom: 12px;
color: var(--f5);
}
.intro-screen{
display:flex;
gap:20px;
align-items:flex-start;
}
.intro-idea-img{
border-radius:4px;
flex-shrink:0;
}
.intro-text{
flex:1;
}
@media (max-width:700px){
.intro-screen{
flex-direction:column;
align-items:center;
text-align:left;
}
.intro-idea-img{
margin-bottom:15px;
}
}
.tag-cloud{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:45px;
}
.body-no-scroll{overflow:hidden}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .9);display:flex;justify-content:center;align-items:center;z-index:1000}.lightbox img{max-width:90%;max-height:90%;border-radius:10px;box-shadow:0 0 10px rgb(0 0 0 / .5)}.lightbox.hidden{display:none}.lightbox-close{position:absolute;top:1px;right:20px;font-size:90px;color:#fff;cursor:pointer}.comment-error{font-size:16px;margin-top:5px;margin-bottom:10px;text-align:left;color:#de4f35}.
/* ===============================
WLIP HOME RESET (lokalny)
================================ */
.wlip-categories *,
.wlip-categories *::before,
.wlip-categories *::after {
box-sizing: border-box;
}
/* ===============================
WRAPPER
================================ */
.wlip-categories {
max-width: 1100px;
margin: 0 auto;
padding: 20px;
}
/* ===============================
HEADER
================================ */
.wlip-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 5px;
color: var(--f5);
}
.wlip-subtitle {
color: var(--a);
margin-bottom: 25px;
font-size: 16px;
}
/* ===============================
GRID
================================ */
.wlip-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 18px;
}
/* ===============================
CARD
================================ */
.wlip-card {
display: flex !important;
flex-direction: column !important;
height: 360px !important;
border-radius: 16px;
overflow: hidden;
text-decoration: none;
color: #fff;
background: var(--2);
border: 1px solid var(--2F);
position: relative;
transition: 0.25s;
}
/* ===============================
IMAGE (TOP)
================================ */
.wlip-card-img {
height: 55% !important;
background-size: cover !important;
background-position: center !important;
}
/* ===============================
CONTENT (BOTTOM)
================================ */
.wlip-card-content {
height: 45% !important;
padding: 14px;
display: flex;
flex-direction: column;
justify-content: space-between;
background: linear-gradient(
to bottom,
rgba(0,0,0,0.3),
rgba(0,0,0,0.95)
);
}
.wlip-card-top {
display: flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 700;
}
.wlip-card-top i {
color: var(--accent-dark);
font-size: 25px;
font-weight: 400;
}
.wlip-card-desc {
font-size: 13px;
color: #bbb;
margin-top: 6px;
line-height: 1.4;
}
/* ===============================
COUNT
================================ */
.wlip-card-count {
font-size: 13px;
color: #888;
margin-top: 10px;
}
/* ===============================
HOVER
================================ */
.wlip-card:hover {
transform: translateY(-6px);
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
/* ===============================
RESPONSIVE
================================ */
@media (max-width: 1000px) {
.wlip-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 600px) {
.wlip-grid {
grid-template-columns: 1fr !important;
}
.wlip-card {
height: 300px !important;
}
}