:root {
    --cyan-50: #ecfeff;
    --cyan-100: #cffafe;
    --cyan-200: #a5f3fc;
    --cyan-300: #67e8f9;
    --cyan-400: #22d3ee;
    --cyan-500: #06b6d4;
    --cyan-600: #0891b2;
    --cyan-700: #0e7490;
    --cyan-800: #155e75;
    --cyan-900: #164e63;
    --cyan-950: #083344;
    --violet-500: #8b5cf6;
    --violet-600: #7c3aed;
    --success-500: #22c55e;
    --danger-500: #ef4444;
    --bg-dark: #0b0f19;
    --bg-card: #111827;
    --text-primary: #f9fafb;
    --text-secondary: #9ca3af;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.3);
    --shadow-md: 0 4px 16px rgba(0,0,0,.35);
    --shadow-lg: 0 12px 48px rgba(0,0,0,.55);
    --transition: 0.2s cubic-bezier(.4,0,.2,1);
}
body {
    color: var(--text-primary);
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    line-height: 1.6;
    padding: 0;
    margin: 0;
    background: linear-gradient(135deg, var(--bg-dark) 0%, #10172a 35%, var(--bg-dark) 100%);
    background-color: var(--bg-dark);
    min-height: 100vh;
    width: 100%;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.01em;
}
article, aside, figure, figure img, hgroup, footer, header, nav, section {
    display: block;
}
.data_s span{
    color: var(--text-primary);
}
.data_s {
    position: absolute;
    padding: 6px 10px;
    text-align: center;
    margin-top: 10px;
    display: block;
	font-size: 13px;
    z-index: 4;
    border-left: 0;
    background: linear-gradient(135deg, var(--cyan-500), var(--violet-600));
    color: #fff !important;
    text-shadow: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
.moder a{
	    cursor: pointer;
}
/*DETALI*/
.det_1{
    border-radius: var(--radius-md); 
    margin-left: 0;
    margin-top: 10px;
    background: linear-gradient(135deg, var(--violet-600) 0%, var(--cyan-600) 100%);
    padding: 16px;
    width: 100%; 
    color: #fff; 
    font-size: 16px;
}
.det_2{top:-8px;position: relative;text-align: left;}
.det_3{top:-15px;position: relative;text-align: left;font-size: 13px;}
.det_4{top:-22px;position: relative;text-align: left;font-size: 13px;}
.det_7 a:hover{
	color: var(--cyan-300);
}
.det_7 a {
    color: var(--cyan-400);
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    transition: all var(--transition);
}
.det_7 a:hover {
    background: rgba(139,92,246,.15);
}
.det_7{
    display: block;
    width: 220px;
    margin: 0 8px;
}
.det_6{
    font-weight: 400;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 13px;
    margin-left: 8px;
    margin-top: -5px;
    margin-bottom: 10px;
}
.det_5{
    border-left: 4px solid var(--violet-500);
    margin-left: 15px;
    margin-top: 10px;
    font-weight: 600;
    color: var(--cyan-300);
    font-size: 14px;
    background: var(--cyan-900);
    padding: 12px 16px;
    width: 470px;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
/*DETALI*/
.navi-wrap {
    height: auto;
    display: flex;
    align-items: center;
    padding: 16px 24px;
    position: relative;
    background: linear-gradient(135deg, var(--violet-600) 0%, var(--cyan-600) 100%);
    box-shadow: 0 4px 24px rgba(124,58,237,.4), inset 0 1px 0 rgba(255,255,255,.08);
    width: 100%;
    max-width: 1040px;
    margin: 0 auto 24px;
    border-radius: var(--radius-lg);
}
#quicksearch {
    float: left;
}

.search-box > span {
    color: rgba(255,255,255,.85);
    margin: 0 16px 0 12px;
    display: inline-block;
    float: left;
    line-height: 44px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.search-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    float: left;
    height: 52px;
    background: rgba(255,255,255,.08);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(255,255,255,.15);
    padding: 0 12px;
    backdrop-filter: blur(10px);
}
.search-box input, .search-box input:focus {
    width: 320px;
    height: 38px;
    line-height: 38px;
    padding: 0 100px 0 16px;
    border-radius: var(--radius-md);
    background: rgba(11,15,25,.8);
    color: var(--text-primary);
    float: left;
    margin: 0 16px 0 0;
    border: 1px solid rgba(139,92,246,.3);
    font-size: 14px;
    transition: all var(--transition);
    box-shadow: inset 0 2px 8px rgba(0,0,0,.2);
}
.search-box input::placeholder { color: rgba(255,255,255,.65); }
.search-box input:focus {
    outline: none;
    border-color: rgba(255,255,255,.45);
    background: rgba(11,15,25,.9);
    box-shadow: 0 0 0 3px rgba(139,92,246,.25), inset 0 2px 8px rgba(0,0,0,.2);
}
.search-box button {
    border-radius: var(--radius-md);
    border: 0;
    background: linear-gradient(135deg, var(--cyan-500), var(--violet-600));
    color: #fff;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    box-shadow: 0 2px 10px rgba(103,232,249,.4);
    cursor: pointer;
    transition: all var(--transition);
}
.search-box button:hover {
    background: linear-gradient(135deg, var(--cyan-400), var(--violet-500));
    transform: translateY(-50%) translateY(-1px);
    box-shadow: 0 4px 14px rgba(103,232,249,.5);
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.show-genres a{
    color: #FFF;
    text-transform: uppercase;	
	    text-decoration: none;
}
.show-genres {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    height: 44px;
    line-height: 1;
    padding: 0 18px;
    float: left;
    border-radius: var(--radius-lg);
    background: linear-gradient(135deg, var(--cyan-500), var(--violet-600));
    font-size: 14px;
    font-weight: 600;
    position: relative;
    box-shadow: 0 4px 14px rgba(103,232,249,.35);
    transition: all var(--transition);
}
.show-genres:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(103,232,249,.45);
}
.navi-items {
    position: relative;
    z-index: 100;
    display: inline-block;
}
.search-wrap {
    float: left;
    display: inline-block;
    /*margin-left: 86px;*/
}
.show {display:block;}
.top_h1 {
    font-size: 1.25rem;
    font-weight: 700;
    display: inline-block;
    position: relative;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-left: 4px;
    color: var(--text-primary);
    letter-spacing: -0.02em;
}
.top_h1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, var(--cyan-500), var(--violet-600));
    border-radius: 2px;
}
.book a {
    position: absolute;
    right: 24px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    border-radius: var(--radius-lg);
    padding: 10px 20px;
    background: linear-gradient(135deg, var(--violet-600), var(--cyan-600));
    box-shadow: 0 2px 10px rgba(124,58,237,.35);
    transition: all var(--transition);
}
.book a:hover {
    background: linear-gradient(135deg, var(--violet-500), var(--cyan-500));
    transform: translateY(-50%) translateY(-1px);
    box-shadow: 0 4px 14px rgba(124,58,237,.45);
}
a.tor_list:hover{
    color: var(--cyan-300);
}
.trflags{position: relative; top: -2px;}
a.tor_list{
    text-decoration: none;
    color: var(--cyan-400);
    margin-left:10px;
    transition: color var(--transition);
}
.firm_detali_1{
    background: var(--violet-600); 
    color: #fff; 
    padding: 4px 8px; 
    border-radius: var(--radius-sm); 
    margin: 0 6px 0 0; 
    font-size: 13px; 
    font-weight: 500; 
    text-decoration: none;
}
.firm_detali_2{
    background: var(--cyan-600); 
    color: #fff; 
    padding: 4px 8px; 
    border-radius: var(--radius-sm); 
    margin: 0 6px 0 0; 
    font-size: 13px; 
    font-weight: 500; 
    text-decoration: none;
}
.firm_detali_3{
    background: var(--violet-700); 
    color: #fff; 
    padding: 4px 8px; 
    border-radius: var(--radius-sm); 
    margin: 0 6px 0 0; 
    font-size: 13px; 
    font-weight: 500; 
    text-decoration: none;
}
.user_panel img{
	
}
.a {
    font-size: 13px;
    border-bottom: 1px solid rgba(247,247,247,.08);
    padding: 6px;
}
.url_a a:hover{
	color: var(--cyan-300);
}
.url_ip a:hover{
	color: var(--danger-500);
}
.url_ip a{
    color: var(--cyan-400);
    text-decoration: none;
}
.url_a a{
    color: var(--cyan-400);
    text-decoration: none;
}
a.clears {
    text-decoration: none;
    color: #fff;
    background: linear-gradient(135deg, var(--cyan-500), var(--violet-600));
    font-size: 14px;
    padding: 6px 12px;
    margin-left: 6px;
    border-radius: var(--radius-sm);
    font-weight: 500;
    transition: all var(--transition);
}
a.clears:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 10px rgba(103,232,249,.35);
}
.user_panel span a:hover{
    color: var(--cyan-300);
}
.user_panel span a {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    margin-left: 6px;
    opacity: .95;
}
.user_panel span a:hover { color: #fff; opacity: 1; }
.user_panel span {
    position: relative;
    top: -12px;
}
.user_panel {
    position: absolute;
    right: 24px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    border-radius: var(--radius-lg);
    padding: 10px 16px 10px 14px;
    background: linear-gradient(135deg, var(--violet-600), var(--cyan-600));
    box-shadow: 0 2px 10px rgba(124,58,237,.35);
    transition: all var(--transition);
}
.user_panel:hover {
    background: linear-gradient(135deg, var(--violet-500), var(--cyan-500));
    transform: translateY(-50%) translateY(-1px);
}
#firmware .category_detali a {    text-decoration: none;    color: var(--cyan-400);}
#firmware .firmware_detali img{    position: relative;    vertical-align: sub;    margin-right: 6px;}
#firmware .category_detali img{    position: relative;    vertical-align: sub;    margin-right: 6px;}
#firmware .date_detali img{    position: relative;    vertical-align: sub;    margin-right: 6px;}
#firmware .date_detali{}
#firmware .category_detali{	 margin-left: 6px;}
#firmware .firmware_detali{	    margin-left: 6px;}
#firmware .date_detali b{color: var(--cyan-400);font-weight: 500;}
#firmware .date_detali{	    margin-left: 6px;}
#firmware span {
    display: block;
    padding: 6px 0;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}
#firmware {
    display: block;
    position: relative;
    margin: 10 0 auto;
    width: 250px;
    padding: 0;
}
.logo_rab {
/*    background: url(images/logo_rab.png) no-repeat;*/
    position: absolute;
    height: 60px;
    display: block;
    margin-top: -60px;
    margin-left: 60px;
    width: 113px;
    z-index: -99999;
}
	.index_b .img_b{
        width: 100%;
        height: 250px;
        object-fit: cover;
        border-radius: var(--radius-md) var(--radius-md) 0 0;
	}
.index_b .item_desc {
    width: 100%;
    margin-bottom: 0;
    padding: 14px;
    font-size: 13px;
    background: var(--bg-card);
}
.index_b .item_desc span {
    display: block;
    line-height: 1.4;
    margin-top: 6px;
    color: var(--text-secondary);
}
.index_b .item_desc a {
    display: block;
    color: var(--text-primary);
    font-weight: 600;
    text-decoration: none;
    overflow: hidden;
    line-height: 1.35;
    max-height: 2.7em;
    transition: color var(--transition);
}
.index_b .item_desc a:hover { color: var(--cyan-400); }
a.download-link {
    float: right;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, var(--success-500), #16a34a);
    color: white !important;
    display: block;
    padding: 8px 14px;
    margin: 0 0 8px 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(34,197,94,.35);
    transition: all var(--transition);
}
a.download-link:hover { 
    transform: translateY(-1px); 
    box-shadow: 0 4px 14px rgba(34,197,94,.45); 
}
	.index_b{
        float: left;
        margin: 10px;
        padding: 0;
        width: 200px;
        height: auto;
        border-radius: var(--radius-lg);
        overflow: hidden;
        transition: transform .3s var(--transition), box-shadow .3s var(--transition), border-color .2s var(--transition);
        box-shadow: var(--shadow-md);
        border: 2px solid transparent;
        background: var(--bg-card);
        position: relative;
	}
@keyframes card-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}
.index_b:hover {
    transform: translateY(-10px) scale(1.04);
    box-shadow: 0 20px 50px rgba(0,0,0,.5), 0 0 30px rgba(103,232,249,.25), 0 0 15px rgba(139,92,246,.2);
    border: 2px solid var(--cyan-400);
}
.tinfo .sub_firm{
    display: inline-block;
    line-height: 1.4;
    position: relative;
    margin-top: 4px;
    margin-left: 0;
}
.moder {
    background: var(--bg-card);
    padding: 0 8px;
    margin-bottom: 8px;
    border-radius: var(--radius-sm);
    margin-left: 4px;
    margin-right: 4px;
}
#carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 10px;
    padding-left: 0px;
}
.block_car {
    float: left;
    margin: 10px;
    padding: 0;
    width: 200px;
    height: auto;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: var(--radius-lg);
    background: var(--bg-card);
    transition: transform .3s var(--transition), box-shadow .3s var(--transition), border-color .2s var(--transition);
    box-shadow: var(--shadow-md);
}
.block_car:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: var(--shadow-lg), 0 0 0 1px rgba(103,232,249,.2);
}

.icohs {
    position: absolute;
    border-radius: 0 var(--radius-sm) 0 var(--radius-sm);
    background: linear-gradient(135deg, var(--cyan-500), var(--violet-600));
    padding: 6px 10px;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    margin: 0;
    line-height: 1.2;
    z-index: 10;
}
.traslate_flag {
    height: 12px;
    vertical-align: text-bottom;
    margin: 0 6px 0 0px;
}
.h1{
    margin-left: 13px;
    font-size: 14px;
    margin-bottom: 6px;
}
.frimware_1 {
    background: var(--violet-600);
    color: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    margin: 0 6px 6px 0;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
}
.frimware_3{
    background: var(--cyan-600);
    color: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    margin: 0 6px 6px 0;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
}
.frimware_2{
    background: var(--cyan-500);
    color: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    margin: 0 6px 6px 0;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
}
.frimware_4{
    background: var(--cyan-400);
    color: var(--cyan-900);
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    margin: 0 6px 6px 0;
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
}
.frimware_5{
    background: var(--violet-700);
    color: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    margin: 0 6px 6px 0;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
}
.frimware_6{
    background: #374151;
    color: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    margin: 0 6px 6px 0;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
}
.frimware_7{
    background: var(--violet-800);
    color: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    margin: 0 6px 6px 0;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
}
.frimware_8{
    background: var(--cyan-800);
    color: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    margin: 0 6px 6px 0;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
}

.td12,.td13 {
    font-size: 13px;
    padding: 12px;
}
td.ss {
    height: 44px;
    line-height: 44px;
    padding: 0 16px;
    border-radius: var(--radius-sm);
    background-color: var(--bg-card);
    color: var(--text-secondary);
    border: 1px solid rgba(255,255,255,.1);
    transition: border-color var(--transition), box-shadow var(--transition);
}
td.ss:focus-within { 
    border-color: var(--cyan-400); 
    box-shadow: 0 0 0 3px rgba(139,92,246,.15); 
}
.font-size_12{
    font-size: 12px;
    padding: 4px;
}
.stiky{
    background: var(--danger-500);
    color: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    margin: 0 6px 0 0;
    font-size: 12px;
    font-weight: 600;
}
.seo_text, .type_firmware{
    display: block;
    width: 200px;	
}
.no_torrents {
    background: var(--violet-600);
    color: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    margin: 0 6px 0 0;
    font-size: 12px;
    font-weight: 600;
}
.drt{
    text-decoration: none;
    padding: 8px 12px;
    margin: 0 12px;
    font-size: 14px !important;
    line-height: 1.4 !important;
    height: 40px !important;
    color: var(--text-primary) !important;
    text-transform: none !important;
    border: 1px solid rgba(214,214,214,.2) !important;
    border-color: rgba(255,255,255,.15) !important;
    border-radius: var(--radius-sm) !important;
    background-color: var(--bg-card) !important;
    box-shadow: none !important;
    background-image: none !important;
    transition: all var(--transition) !important;
    cursor: pointer;
}
.marck{
    text-align: center;
    font-weight: 600;
    color: var(--danger-500);
}

a.menu:active {
        color: var(--cyan-300);
}

a.menu:hover {
		color: var(--cyan-400);
}
.list_br {
    background-color: var(--bg-card);
    border-radius: var(--radius-sm);
}
.embedded td a.bt1:hover {
    background: linear-gradient(135deg, var(--cyan-400), var(--violet-500));
    color: #fff;
    transform: translateY(-1px);
}
.embedded td a.bt2:hover {
    background-color: var(--bg-dark);
    color: #fff;
}
.embedded td a.bt3:hover {
    background-color: var(--bg-dark);
    color: #fff;
}
.embedded td a.bt1 {
    background: linear-gradient(135deg, var(--cyan-500), var(--violet-600));
    cursor: pointer;
    font-weight: 600;
    color: #fff;
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    border: none;
    box-shadow: 0 2px 10px rgba(103,232,249,.35);
    transition: all var(--transition);
}
.embedded td a.bt2 {
    background: var(--violet-700);
    cursor: pointer;
    font-weight: 500;
    color: #fff;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    border: none;
    transition: all var(--transition);
}
.uComForm-inner {
    width: 100%;
    display: inline-block;
    padding: 12px;
    margin: 8px 0;
    background: var(--bg-card);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255,255,255,.05);
}
.embedded td a.bt3 {
background: var(--violet-600);
    cursor: pointer;
    font-weight: 500;
    color: #fff;
	margin-left: 6px;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    border: none;
    transition: all var(--transition);
}
.td1{
    font-size: 13px;
    text-align: left;
    font-weight: 500;
    padding: 8px;
    color: var(--text-secondary);
    background: transparent;
    text-shadow: none;
}
a.m1 span{display:block;color:var(--text-secondary);}
a.m1 {
    font-size: 13px;
    display: block;
    width: 240px;
    float: left;
    height: 40px;
    color: var(--text-primary);
    text-decoration: none;
    padding: 0;
    margin: 8px;
    font-weight: 500;
    border-radius: var(--radius-sm);
    background: var(--bg-card);
    transition: all var(--transition);
}
a.m1:hover {
    background: rgba(139,92,246,.15);
}
.embedded .td2 img{
	    width: 32px;
}
.embedded td.td2 {
    background: var(--bg-card);
    padding: 0 8px;
    line-height: 36px;
    border-top: 1px solid rgba(242,242,242,.05);
    font-size: 11px;
    color: var(--text-secondary);
    line-height: 1.4;
    text-align: left;
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
}
.m1{display:block;width:250px;float:left;padding:0;margin:8px;}
/*Detalias.php*/
.user_p{position: relative;width: 180px;}
.user_p .avatar img{
width: 64px;
    height: 64px;
    border-radius: 50%;
}
.user_p .butt a {
    color: var(--cyan-400);
    display: flex;
    margin-bottom: 6px;
    text-decoration: none;
}
.user_p .butt {
    float: left;
    margin-left: 12px;
    font-size: 13px;
}
.user_p .avatar {
    width: 64px;
    height: 64px;
    float: left;
}

.tdh1 {
    padding: 12px 0;
}
.uComForm-inner {
    width: 100%;
    display: inline-block;
    padding: 12px;
    margin: 8px 0;
    background: var(--bg-card);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255,255,255,.05);
}
.ucf-avatar {float:left;width:50px}
.ucf-avatar img {
    width: 50px;
    border-radius: 50%;
}
.bordg {display:block;height:1px;width:200px;background:rgba(255,255,255,.05);}
.mp4 input{
    vertical-align: top;
    margin-right: 8px;
    margin-top: 4px;
}
.mp4{
    margin: 8px;
}
td.m_n{font-size: 12px;}
.m_n h2{padding:0;margin:0;font-weight:500;color:var(--text-primary);font-size:14px;}
.m_i{width:40px;text-align:center}
.m_n{text-align:left}
td.m_n a b{font-weight:500;color:var(--text-primary)}
td.m_n a {
    font-weight: 500;
    color: var(--text-secondary);
    text-decoration: none;
}
.panel { border-collapse: separate; border-spacing: 0; border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); }
tr.mini_profile { background-color: var(--bg-card); transition: background var(--transition); }
tr.mini_profile:hover { background-color: rgba(139,92,246,.15); cursor: pointer; }
.ucf-content {position:relative;margin:0 0 0 60px}.ucf-start-content {overflow:hidden}
.uComForm input.uf-txt-input {width:200px !important}
ul.uf-form{margin:0;padding:0}ul.uf-form li {padding:0;margin:0 0 8px 0 !important}
.ucf-start-content textarea {height:60px;max-height:200px;}
textarea.uf-txt-input {
    width:97% !important;
    padding:10px 14px!important;
    min-height:60px!important;
    overflow:auto!important;
    resize:vertical!important;
    background: var(--bg-dark) !important;
    border:1px solid rgba(214,214,214,.2) !important;
    border-radius: var(--radius-sm)!important;
    color: var(--text-primary)!important;
}
.btn:active, input.uf-btn:active {background-position:0;}.uf-btn:hover, .ucf-post-btn:active {background-color: var(--bg-dark) !important;}
.uf-btn {
    margin:0 !important;
    padding:0 16px !important;
    font-size:14px !important;
    line-height:1.4 !important;
    height:40px !important;
    color: var(--text-primary) !important;
    text-transform:none !important;
    border:1px solid rgba(214,214,214,.2) !important;
    border-radius: var(--radius-sm) !important;
    background-color: var(--bg-card) !important;
    box-shadow:none !important;
    background-image:none !important;
    transition: all var(--transition) !important;
    cursor: pointer;
}
.uf-txt-input {
    padding:8px 12px !important;
    margin:0 !important;
    font-size:14px !important;
    color: var(--text-primary)!important;
    line-height:1.4 !important;
    border:1px solid rgba(214,214,214,.2) !important;
    border-radius: var(--radius-sm)!important;
    background-color: var(--bg-dark)!important;
}
.c_text{font-size:14px;}a.comm_url:hover{color: var(--cyan-400);}.comm_url img{vertical-align:baseline;}
.addtorrent:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(103,232,249,.45);
}
.addtorrent{
    text-align:center;
    display:block;
    width:170px;
    height:40px;
    line-height:40px;
    margin-left:22px;
    background: linear-gradient(135deg, var(--cyan-500), var(--violet-600));
    font-size:15px;
    border:0;
    outline:none;
    color:#FFF!important;
    padding:0 20px;
    height:40px;
    font-weight:700;
    cursor:pointer;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 12px rgba(103,232,249,.35);
    transition: all var(--transition);
}
.ucf-form .commFl {
    margin:0 !important;
    -webkit-box-sizing:border-box !important;
    -moz-box-sizing:border-box !important;
    box-sizing:border-box !important;
}

.blockaddtorrent a{color: var(--text-secondary)}
.button1:hover,.button1:focus,.button1.focus{
    background-color: var(--violet-600);
    color: #fff;
}
.button1 {
    text-decoration:none;
    display:inline-block;
    margin-bottom:0;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    white-space:nowrap;
    line-height:1.4;
    padding:10px 16px;
    border-radius: var(--radius-sm);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    color: var(--text-primary);
    background: var(--bg-card);
    border:1px solid rgba(255,255,255,.1);
    font-weight:500;
    transition: all var(--transition);
}
#news-title{padding:0;font-size:24px;font-weight:600}
#skills {width:220px;margin-left:15px;margin-top:10px;}
#skills span b{position:relative;right:-40px;font-size:14px;color: var(--text-primary);text-shadow:none;}
#skills span {top:-26px;left:-20px;position:relative;font-size:13px;font-family:Inter,Segoe UI,sans-serif;color: var(--text-secondary);}
progress {
    background-color: var(--bg-card);
    border:0;
    height:36px;
    width:100%;
    border:1px solid rgba(255,255,255,.1);
    border-radius: var(--radius-md);
    box-shadow: inset 0 2px 6px rgba(0,0,0,.25);
    overflow:hidden;
}
progress::-webkit-progress-bar {
    background-color: var(--bg-card);
    border-radius: var(--radius-md);
}
progress::-webkit-progress-value {
    background: linear-gradient(90deg, var(--cyan-500), var(--violet-600));
    border-radius: var(--radius-md);
}
progress::-moz-progress-bar {
    background: linear-gradient(90deg, var(--cyan-500), var(--violet-600));
    border-radius: var(--radius-md);
}
.blockaddtorrent {
    display: block;
    float: right;
    height: 40px;
    padding-bottom: 12px;
    margin-right: 17px;
    margin-bottom: 12px;
}
#ls h3 {
    display: block;
    padding: 0 4px;
    color: var(--cyan-400);
}
.nocometns a {
    color: var(--text-primary);
}
.m_info{font-size: 13px;}
.m_green{color: var(--success-500);
    font-weight: 500;}
.m_red{
    color: var(--danger-500);
}
.nocometns {
    margin: 20px 10px 20px 25px;
    background: rgba(103,232,249,.15);
    color: var(--cyan-300);
    padding: 14px 20px;
    font-size: 14px;
    border-radius: var(--radius-md);
    border:1px solid rgba(103,232,249,.25);
}
.seotorrent h2 {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 600;
}
#tooltip{
    background-color: var(--bg-card);
    position:absolute;
    border:1px solid rgba(85,85,85,.3);
    color: var(--text-primary);
    display:none;
    z-index:100;
    box-shadow:0 4px 16px rgba(0,0,0,0.35);
    padding:6px 10px;
    border-radius: var(--radius-sm);
}
.seotorrent {
    padding: 6px;
    margin: 0px 12px;
    text-align: left;
}
.moder a:hover{
    color: var(--cyan-400);
}
.nocometns h2{
    display: block;
    font-size: 15px;
    color: var(--cyan-300);
}
.moder a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-secondary);
    padding: 8px 12px;
    transition: all var(--transition);
}
.elementreal img {
    width: 115px;
    height: 154px;
    position: relative;
    margin-left: -2px;
    border-radius: var(--radius-sm);
}
.elementreal {
    width: 112px;
    height: 195px;
    float: left;
    overflow: hidden;
    padding-left: 4px;
    padding-right: 4px;
    margin: 0 6px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--text-primary);
    text-decoration: none;
    transition: all var(--transition);
}
.elementreal:hover {
    transform: translateY(-4px);
}
.cont {
    padding: 8px;
    font-size: 14px;
    color: var(--text-primary);
}
.heading {
    padding: 8px;
    font-size: 14px;
    color: var(--text-secondary);
}
.input_text{
    border-radius: var(--radius-sm);
    background-color: var(--bg-dark);
    color: var(--text-primary);
    border: 1px solid rgba(227,227,227,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    padding: 8px 12px;
    font-size:14px;
}
.video_row .cp {
    width: 245px;
    height: 112px;
    overflow: hidden;
    border-radius: var(--radius-sm);
}
.video_row {
    width: 245px;
    float: left;
    height: 160px;
    margin: 8px;
    overflow: hidden;
    background: var(--bg-card);
    border-radius: var(--radius-md);
    transition: all var(--transition);
}
.video_row:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.page_video_duration2 {
    font-size: 12px;
    padding: 4px 8px;
    margin: 8px;
    background: rgba(0,0,0,.6);
    border-radius: var(--radius-sm);
    color: #fff;
    position: absolute;
    z-index: 9999;
    font-weight: 500;
}
.video_row a img {
    width: 245px;
    display: inline-block;
    background-size: cover;
    background-position: 50%;
    margin-top: 0;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
}
.video_row a h2 {
    padding: 8px;
    margin: 4px 0;
    color: var(--text-primary);
    border-radius: 0;
    font-size: 13px;
    max-height: 2.6em;
    font-weight: 600;
    overflow: hidden;
    line-height: 1.3;
}
.video_row a {
    position: relative;
    width: 245px;
    display: inline-table;
    overflow: hidden;
    border-radius: 0;
    height: 155px;
    font-size: 12.5px;
    color: var(--cyan-400);
    text-decoration: none;
    cursor: pointer;
}
span.ons {
    background: var(--success-500);
    color: var(--success-500);
    border-radius: 50%;
    margin-left: -10px;
    margin-top: -4px;
    position: absolute;
    border: 2px solid var(--bg-card);
    overflow: hidden;    
    width: 18px;
    height: 18px;
    box-shadow: 0 0 0 4px rgba(34,197,94,.2);
}
a.comm_url:hover{color: var(--cyan-400);}
.comm_url img{vertical-align:baseline;}
a.comm_url {
    padding: 2px 6px;
    font-size: 12px;
    color: var(--text-secondary);
    font-weight:500;
    display:inline-block;
}
span.offs {    
    width: 18px;
    height: 18px;
    background: var(--danger-500);
    color: var(--danger-500);
    border-radius: 50%;
    margin-left: -10px;
    margin-top: -4px;
    position: absolute;
    border: 2px solid var(--bg-card);
    overflow: hidden;
    box-shadow: 0 0 0 4px rgba(239,68,68,.2);
}
.elementreal2 img {
    width: 115px;
    height: 154px;
    position: relative;
    margin-left: -2px;
    border-radius: var(--radius-sm);
}
.elementreal2 {
    width: 115px;
    height: 195px;
    float: left;
    overflow: hidden;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 8px;
    margin-left: 10px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--cyan-400);
    text-decoration: none;
    transition: all var(--transition);
}
.elementreal2:hover {
    transform: translateY(-4px);
}
.r2 {
    background: var(--bg-dark);
    padding: 12px;
    border-radius: var(--radius-sm);
}
.r3{
    color: var(--text-secondary);
    padding: 12px;
}
.r1{
    background: var(--bg-card);
    margin: 10px 10px;
    width: 97%;
    border-radius: var(--radius-md);
}

/* Вложения */
span.attachment {
    display: block;
    margin: 12px 17px;
    padding: 12px 12px 12px 56px;
    font-size: 13px;
    background: var(--bg-card) url(images/download.png) 16px 50% no-repeat;
    border-radius: var(--radius-md);
    border: 1px solid rgba(255,255,255,.05);
}
span.attachment a {
  display:block;
  text-decoration:none;
  color: var(--text-primary);
}
span.attachment a:hover {text-decoration:underline; color: var(--cyan-400);}
.descr {
    font-size: 14px;
    padding: 0 16px;
    line-height: 1.7;
    color: var(--text-secondary);
}
.tdh1 h1 {
    font-weight: 700;
    font-weight: 600;
    font-size: 20px;
    border-radius: 0;
    color: var(--cyan-300);
    line-height: 1.3;
}
/*Detalias.php*/
div, span, object, iframe, frame, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, a, b, i, dl, dt, dd, ol, ul, li, fieldset, textarea, select, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input {
    background: transparent;
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#wrapper {
    border: 0;
    border-radius: var(--radius-xl);
    background: transparent;
    box-shadow: none;
    width: 100%;
    max-width: 1040px;
    margin: 24px auto 0;
    height: auto !important;
}
#footer a:hover{
	color: var(--cyan-400);
}
#footer a {
    color: var(--text-secondary);
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
	margin: 0 8px;
}
#footer{
    display: block;
    width: 100%;
    max-width: 1040px;
    text-align: center;
    padding: 32px 24px;
    margin: 32px auto 0;
    border-top: 1px solid rgba(255,255,255,.05);
}
.left_block {
    float: left;
    width: 240px;
    display: block;
    flex-shrink: 0;
    background: var(--bg-card);
    border-radius: var(--radius-lg);
    padding: 16px;
    margin-right: 16px;
    border: 1px solid rgba(255,255,255,.05);
}
.tags a {
    color: var(--success-500);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}
.tags a:hover{color: var(--cyan-400);}
.tags {
    padding: 0px 12px 12px 12px;
}
.torrent_info{
    position: relative;
    display: block;
    background: var(--bg-card);
    padding: 12px 16px;
    margin: 12px 17px;
    font-size: 13px;
    border-radius: var(--radius-md);
    border:1px solid rgba(255,255,255,.05);
}
td.torrent_name .tags a:hover{color: var(--cyan-300);}
td.torrent_name .tags a{font-weight: 500;
    color: var(--cyan-400);
    font-size: 12px;}
.centet_block {
    float: left;
    display: block;
    flex: 1;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    width: calc(100% - 272px);
}
.content { display: flex; padding: 0; gap: 0; }
/*DOWNLOAD BTN*/
.bl_dw_lk {
    width: 250px;
    display: block;
    float: left;
    margin: 0;
}
.h1 h2 {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 28px;
}
.fn_torr13 {
    background: url(images/fn_torr8.png) no-repeat;
    width: 122px;
    height: 41px;
    display: block;
    overflow: hidden;
    line-height: 200px;
    float: left;
       margin: 12px 4px 0 57px;
       border-radius: var(--radius-sm);
}
.fn_torr13 a {
    background: url(images/fn_torr8.png) no-repeat 0 -41px;
    width: 122px;
    height: 41px;
    display: block;
    overflow: hidden;
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.fn_torr14 {
    background: url(images/fn_torr9.png) no-repeat;
    height: 36px;
    display: block;
    float: left;
    padding-left: 14px;
    margin: 16px 0px 0 0;
    border-radius: var(--radius-sm);
}
.fn_torr14 b {
    background: url(images/fn_torr9.png) no-repeat right 0;
    height: 36px;
    display: block;
    font-size: 12px;
    padding-right: 14px;
    line-height: 36px;
    color: var(--text-secondary);
    font-weight: 500;
}
.seotorrent h1{
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}
.seo_test ol li a{color: #fff;}
.seo_test ol li {
    display: block;
    font-size: 13px;
}
/*DOWNLOAD BTN*/
/*Block index*/
.block_index {
    margin-bottom: 12px;
}
.tr12 {
    height: 250px;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.6;
    margin-left: 10px;
}
td .torrent_name h2{text-align:left;display:block;font-size:12px;font-weight:500;line-height:1.3;margin:0;padding:0}
.torrent_name a:hover{color: var(--cyan-300)}
td.torrent_name a {
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    color: var(--text-primary);
    transition: color var(--transition);
}
.browse_time{color:var(--text-secondary);font-size: 12px;}
#highlighted{border-bottom:1px solid rgba(250,250,250,.05)}
#highlighted tr:hover{color: var(--cyan-400);background: rgba(139,92,246,.1);}
.name_h2{
	height: 40px;padding-bottom: 8px;
}
.name_h2 h2 {
    display: inherit;
    text-align: left;
    line-height: 1.3;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    border-radius: 0;
    color: var(--cyan-300);
    margin: 0;
}
#indextorrent:after {
    content: "";
    display: block;
    height: 2px;
    width: 120px;
	    margin-bottom: 16px;
    background: linear-gradient(90deg, var(--cyan-500), var(--violet-600));
    border-radius: 2px;
}
.name_h2 a{text-decoration: none;}
.torrent_info_index {
    background-color: var(--bg-card);
    position: relative;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: 12px;
    margin-top: 0px;
    top: 12px;
    padding: 8px;
}
.sid b{
    background: var(--danger-500);
    color: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    font-size: 11px;
    font-weight: 600;
}
.sid {
    background: url(/pic/kach.png) no-repeat 0 8px;
    padding-left: 16px;
    border-right: 1px solid rgba(242,246,247,.1);
    padding-right: 8px;
}
.infohash{
    color: var(--cyan-400);
    padding-left: 4px;
    margin-top: 8px;
    display: block;
}
.pir b{
   background: var(--success-500);
    color: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    font-size: 11px;
    font-weight: 600;
}
.cursor:hover{
    background: var(--bg-dark);
    color: #fff;
    transform: translateY(-1px);
}
.cursor{
    margin-left: 10px;
    background: var(--violet-600);
    color: #fff;
    cursor: pointer;
    border: 0;
    padding: 4px 10px;
    border-radius: var(--radius-sm);
    font-weight:500;
    transition: all var(--transition);
}
.pir {
    background: url(/pic/raz.png) no-repeat 6px 8px;
    padding-left: 20px;
    padding-right: 8px;
    border-right: 1px solid rgba(242,246,247,.1);
}
.load b{
   background: var(--violet-600);
    color: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    font-size: 11px;
    font-weight: 600;
}
.load {
    background: url(/pic/dow.png) no-repeat 6px 4px;
    padding-left: 24px;
    padding-right: 4px;
}
	.img_s {
    background: rgba(217,227,233,.1);
    border-radius: var(--radius-sm);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    margin: 0;
    padding: 6px;
}
.head{
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.head header{
    height: 72px;
    padding: 0 0 0 0;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}
a, .button, .add-mask:before {
    transition: color .3s, background-color .3s, opacity .3s, transform .2s;
}
ol, ul {
    list-style: none;
}
ol, ul {
    list-style: none;
}
.site-domain {
    display: inline-flex;
    align-items: center;
    position: relative;
    flex-shrink: 0;
    z-index: 10;
    height: auto;
    line-height: 1.2;
    font-size: 1.75rem;
    font-weight: 800;
    background: linear-gradient(135deg, var(--cyan-400), var(--violet-500));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-decoration: none;
    letter-spacing: -0.03em;
    transition: opacity var(--transition), transform var(--transition);
}
.site-domain:hover {
    opacity: 0.9;
    transform: scale(1.05);
}
.logotip {height:60px; width:230px; display:none; position:absolute; left:15px; top:0; margin-left: 5px; margin-top: 5px;
background:url(images/logotip.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;
filter: drop-shadow(0 2px 8px rgba(0,0,0,.3));
}
.logotip:hover {opacity:0.9;}
.logo_rab { display: none !important; }
.ya-ekonomniy-inner { position: relative; padding-top: 0; padding-left: 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.line-menu { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; border-left:none;}
.line-menu li { float: none; border-right:none;}
.line-menu a {
    display: inline-block;
    border-radius: var(--radius-lg);
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.3;
    color: #fff;
    background: var(--violet-600);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition);
}
.line-menu a:hover, .show-shtab-kvartira:hover {
    color: #fff;
    background: var(--cyan-600);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(103,232,249,.35);
}
.show-shtab-kvartira {
    display:inline-flex;
    align-items:center;
    line-height:1.4;
    position:absolute;
    right:20px;
    top:20px;
    cursor:pointer;
    padding: 10px 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-card);
    border:1px solid rgba(255,255,255,.05);
    transition: all var(--transition);
}
.show-shtab-kvartira i {font-size:18px;}

.cat_list a:hover, .cat_list:hover{
       opacity: 1;
}
.cat_list {
    display: block;
    padding: 10px 12px;
    margin: 6px 0;
    color: var(--text-primary);
    font-size: 12px;
    border-radius: var(--radius-sm);
    opacity: 1;
    background: rgba(255,255,255,.03);
    transition: all var(--transition);
}
.cat_list:hover {
    background: rgba(139,92,246,.15);
}
.spoiler-head{font-size:13px;margin-left:8px;line-height:1.5;padding:8px 12px;color: var(--text-primary);font-weight:600;}
.spoiler-body{display:none;border-top:1px solid rgba(195,203,209,.2);background: var(--bg-dark);border-bottom:1px solid rgba(195,203,209,.2);padding:12px;border-radius:0 0 var(--radius-sm) var(--radius-sm);}
.spoiler-wrap:hover{background: rgba(255,255,255,.03);}
.inf_sp{display: block;
    width: 94%;
    padding: 8px 16px;
    font-size: 12px;
    color: var(--text-secondary);}
.spoiler-wrap{
    background: var(--bg-card);
    padding: 12px;
    margin: 16px 0;
    border-radius: var(--radius-md);
    border:1px solid rgba(255,255,255,.05);
}
.torrent_name {
    padding-left: 8px;
    padding-top: 8px;
    vertical-align: top;
}
.inf_3 h3 {
    display: block;
    color: var(--violet-500);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}
.inf_3 img{
	vertical-align: text-top;
}
.inf_3 b {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-primary);
}
.inf_3 {
    display: list-item;
    margin: 6px 0;
}
.cat_list h2 {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 8px;
}
.cat_list a {
    text-decoration: none;
    color: var(--cyan-400);
}
td.reg span{
    color: #fff;
    font-weight: 500;
}
td.pager {
    background-color: var(--bg-card);
    padding: 4px;
    font-size: 13px;
    border-radius: var(--radius-sm);
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    backdrop-filter: blur(4px);
    display: none;
}
/* shtab-kvartira
----------------------------------------------- */
.head_block_money{
    padding-left: 0;
    margin-bottom: 12px;
    margin-top: 16px;
}
.ccolk {
    margin-left: 0;
}
/* Donate */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/1.4 Inter,Segoe UI, sans-serif;
	padding: .75em 2em .75em;
	text-shadow: none;
	-webkit-border-radius: .75em; 
	-moz-border-radius: .75em;
	border-radius: var(--radius-lg);
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
    font-weight:600;
    transition: all var(--transition);
}
.button:hover {
	text-decoration: none;
    transform: translateY(-1px);
}
.button:active {
	position: relative;
	top: 1px;
}
.orange {
	color: white;
	border: solid 1px rgba(124,58,237,.3);
	background: linear-gradient(135deg, var(--cyan-500), var(--violet-600));
}
.orange:hover {
	background: linear-gradient(135deg, var(--cyan-400), var(--violet-500));
}
.orange:active {
	color: #fcd3a5;
	background: linear-gradient(135deg, var(--cyan-600), var(--violet-600));
}
.donate .button{	
    color: white;
	display:inline-block;
	zoom:1;
	vertical-align:baseline;
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font:14px/1.4 Inter,Segoe UI,sans-serif;
	text-shadow:none;
	-webkit-border-radius:.75em;
	-moz-border-radius:.75em;
	border-radius: var(--radius-lg);
	-webkit-box-shadow:0 2px 10px rgba(103,232,249,.3);
	-moz-box-shadow:0 2px 10px rgba(103,232,249,.3);
	box-shadow:0 2px 10px rgba(103,232,249,.3);
	margin: 0px 10px 10px 0px;
	padding:.75em 2em .75em;
	background: linear-gradient(135deg, var(--cyan-500), var(--violet-600));
    font-weight:600;
    transition: all var(--transition);
}
.donate .button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(103,232,249,.4);
}
/* green */
.login_forms:hover{
    background-color: var(--violet-600);
    transform: translateY(-1px);
}
.login_forms{
	font:normal 14px Inter,Segoe UI,sans-serif!important;
	color:#fff;
	display:inline-block;
	background: linear-gradient(135deg, var(--cyan-500), var(--violet-600));
	height:40px;
	line-height:40px;
	border-radius: var(--radius-lg);
	cursor:pointer;
	outline:none;
	transition:all var(--transition);
	border:0;
	margin:0;
	padding:0 24px;
    font-weight:600;
    box-shadow: 0 2px 10px rgba(103,232,249,.35);
}
.overlay-close{
	position:absolute;
	right:-60px;
	top:0;
	font-size:36px!important;
	color:#fff;
	cursor:pointer;
	transition: transform var(--transition);
}
div.aside-title{
    text-align:center;
    color: var(--text-primary);
    display:block;
    font-size:13px;
    font-weight:700;
    line-height:1.4;
    margin-top:8px;
    margin-bottom:12px;
    text-transform:uppercase;
    letter-spacing:.1em;
    opacity:.8;
}
.tr-list-item{
    background-color: var(--bg-card);
    margin-left:0;
    border-radius: var(--radius-sm);
    margin-bottom:8px;
    transition: background var(--transition);
}
.tr-list-item:hover{
    background: rgba(139,92,246,.15);
}
.browse_table{margin-top:28px;}
.browse_but:hover{
    cursor:pointer;
    background: var(--violet-600);
    color: #FFF;
    transform: translateY(-1px);
}
.browse_but{
    background: rgba(103,232,249,.15);
    color: var(--cyan-300);
    margin:0 0 0 16px;
    padding:10px 20px;
    border-radius: var(--radius-md);
    font-weight:600;
    transition: all var(--transition);
}
.browse_select{
    background-color: var(--bg-dark);
    color: var(--text-primary);
    border:1px solid rgba(227,227,227,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    height:44px;
    line-height:44px;
    border-radius: var(--radius-sm);
    padding:0 16px;
    font-size:14px;
}
.browse_search{
    height:44px;
    line-height:44px;
    border-radius: var(--radius-sm);
    background-color: var(--bg-dark);
    color: var(--text-primary);
    border:1px solid rgba(227,227,227,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    padding:0 16px;
    font-size:14px;
}
.tr-list-item:hover{
    color: var(--cyan-400);
}
.list-number{
    color: var(--text-secondary);
    font-size:20px;
    line-height:1;
    margin-right:8px;
    margin-left:8px;
    display:inline-block;
    vertical-align:middle;
    font-weight:700;
}
.list_top a{text-decoration:none;}
.colhead{
    background: var(--bg-card);
    font-size:13px;
    color: var(--cyan-400);
    margin:0 17px 12px;
    padding:10px 14px;
    border-radius: var(--radius-md);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.05em;
}
a.autor{font-size:14px;text-decoration:none;color: var(--cyan-400);}
time{
    background: var(--violet-600);
    color: #FFF;
    font-size:11px;
    padding:4px 10px;
    border-radius: var(--radius-sm);
    font-weight:600;
}
.nomsg{
    background: rgba(103,232,249,.15);
    color: var(--cyan-300);
    font-size:14px;
    padding:14px 20px;
    border-radius: var(--radius-md);
    border:1px solid rgba(103,232,249,.25);
}
.typemes{font-size:13px;color: var(--cyan-400);padding:10px 8px;}
.typemes img{position:relative;margin-right:8px;top:3px;}
.list_top span a:hover{color: var(--cyan-400);}
.list_top span a{
    color: var(--text-secondary);
    font-size:12px;
    font-weight:500;
}
a.name-rus h2{
    display:block;
    color: var(--text-primary);
    font-size:14px;
    font-weight:700;
    line-height:1.3;
    overflow:hidden;
    margin:0;
}
a.name-rus h2:hover{color: var(--cyan-400);}
.info-param{font-size:13px;color: var(--text-secondary);padding:4px;}
.trf{line-height:1.6;font-size:13px;}
.trf input{top:2px;position:relative;margin-right:12px;}
.allusers{padding:12px;}
tr.hover:hover{background-color: rgba(139,92,246,.15);cursor:pointer;}
.members2 span.username{font-size:15px;font-weight:700;color: var(--text-primary);}
.members2 p{color: var(--text-secondary);margin:0;padding:0;}
.members2 p a:hover{color: var(--cyan-400);}
.members2 p a{font-weight:600;color: var(--cyan-400);text-decoration:none;}
.members2{padding-left:12px;font-size:13px;}
.members img{width:72px;border-radius:50%;border:2px solid rgba(255,255,255,.1);}
span.on{
    height:20px;
    width:20px;
    background: var(--success-500);
    color: var(--success-500);
    border-radius:50%;
    margin-left:-20px;
    position:absolute;
    border:3px solid var(--bg-card);
    overflow:hidden;
    box-shadow:0 0 0 4px rgba(34,197,94,.2);
}
.headnotice{
    text-align:left;
    color: var(--text-primary);
    font-size:13px;
    border:1px solid rgba(103,232,249,.3);
    background-color: rgba(207,250,254,.1);
    padding:12px 16px;
    border-radius: var(--radius-md);
}
span.off{
    height:20px;
    width:20px;
    background: var(--danger-500);
    color: var(--danger-500);
    border-radius:50%;
    margin-left:-20px;
    position:absolute;
    border:3px solid var(--bg-card);
    overflow:hidden;
    box-shadow:0 0 0 4px rgba(239,68,68,.2);
}
.user{text-align:center;padding:16px;}
.user a{
    color: var(--text-primary);
    font-size:14px;
    font-weight:700;
    line-height:1.3;
    overflow:hidden;
    text-decoration:none;
}
.r50{
    border-radius:50%;
    box-shadow: inset 0 0 0 1px rgba(227,227,227,.2);
}
.sub b{font-size:14px;line-height:1.6;}
.info-value{font-size:14px;color: var(--text-primary);}
.info-value input{
    color: var(--text-primary);
    border:1px solid rgba(227,227,227,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    line-height:1.4;
    padding:6px 10px;
    background: var(--bg-dark);
    border-radius: var(--radius-sm);
}
.info-param img{width:16px;margin-right:12px;}
.overlay-close:hover{transform:rotate(90deg) scale(1.1);}
.shtab-kvartira-box{
    width:360px;
    position:absolute;
    left:50%;
    top:20%;
    margin-left:-180px;
    color:#fff;
    padding:24px;
    background: var(--bg-card);
    border-radius: var(--radius-xl);
    border:1px solid rgba(255,255,255,.1);
    box-shadow: 0 20px 60px rgba(0,0,0,.5);
}
.shtab-kvartira-title{
    text-align:center;
    font-size:24px;
    margin-bottom:20px;
    font-weight:700;
}
.shtab-kvartira-input{margin-bottom:16px;}
.shtab-kvartira-input input,.shtab-kvartira-input input:focus{
    display:block;
    width:100%;
    height:44px;
    line-height:44px;
    background-color: var(--bg-dark);
    border-radius: var(--radius-md);
    border:1px solid rgba(221,221,221,.2);
    box-shadow:none;
    padding:0 16px;
    color: var(--text-primary);
    font-size:14px;
    transition: all var(--transition);
}
.shtab-kvartira-input input:focus{
    border:1px solid var(--cyan-400);
    box-shadow:0 0 0 3px rgba(139,92,246,.25);
    outline:none;
}
.shtab-kvartira-button button{
    display:block;
    text-align:center;
    font-size:16px;
    width:100%;
    height:44px;
    line-height:44px;
    border-radius: var(--radius-md);
    border:none;
    background: linear-gradient(135deg, var(--cyan-500), var(--violet-600));
    color:#fff;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 4px 12px rgba(103,232,249,.35);
    transition: all var(--transition);
}
.shtab-kvartira-button button:hover{
    transform: translateY(-2px);
    box-shadow:0 6px 16px rgba(103,232,249,.45);
}
.shtab-kvartira-checkbox{font-size:13px;color: var(--text-secondary);margin:12px 0;}
.shtab-kvartira-checkbox input{display:none;}
.shtab-kvartira-checkbox input + label:before{
    width:16px;
    height:16px;
    margin-right:8px;
    cursor:pointer;
    position:relative;
    top:3px;
    border-radius:4px;
    border:2px solid rgba(227,227,227,.3);
    content:"";
    background-color: var(--bg-dark);
    display:inline-block;
    transition: all var(--transition);
}
.shtab-kvartira-checkbox input:checked + label:before{
    background-color: var(--violet-500);
    border-color: var(--violet-500);
}
.shtab-kvartira-links{text-align:center;line-height:1.6;}
.shtab-kvartira-links a{color: var(--text-secondary);float:left;transition: color var(--transition);}
.shtab-kvartira-links a:last-child{float:right;}
.shtab-kvartira-links a:hover{color: var(--cyan-400);}
.shtab-kvartira-social{text-align:center;margin-top:16px;}
.comm-social{text-align:left;}
.shtab-kvartira-social:before{
    content:attr(data-label);
    display:inline-block;
    vertical-align:top;
    line-height:1.4;
    margin-right:12px;
    color: var(--text-secondary);
}
.shtab-kvartira-social a{display:inline-block;margin:0 4px 8px;}
.shtab-kvartira-social img{display:block;width:36px;border-radius: var(--radius-sm);}
.shtab-kvartira-social a:hover img{transform:scale(1.1);}
.shtab-kvartira-avatar{text-align:center;margin-top:20px;}
.avatar-box{
    display:inline-block;
    width:88px;
    height:88px;
    border-radius:50%;
    overflow:hidden;
    box-shadow:0 4px 16px rgba(0,0,0,.4);
    border:3px solid rgba(255,255,255,.1);
}
.avatar-box img{width:100%;min-height:100%;object-fit:cover;}
.avatar-box + a{color: var(--text-secondary);display:block;margin-top:8px;transition: color var(--transition);}
.avatar-box + a:hover{color: var(--cyan-400);}
.shtab-kvartira-menu{margin-top:24px;}
.shtab-kvartira-menu a{
    display:block;
    height:44px;
    line-height:44px;
    background-color: var(--bg-dark);
    color:#fff;
    margin-bottom:8px;
    border-radius: var(--radius-md);
    padding:0 20px;
    text-decoration:none;
    font-weight:600;
    transition: all var(--transition);
}
.shtab-kvartira-menu a:hover{
    color:#fff;
    background-color: var(--violet-600);
    transform: translateX(4px);
}
td.pagebr{background-color:transparent;border:0;padding:0;}
td.pager a b:hover{
    background-color: rgba(139,92,246,.2);
    cursor:pointer;
    color: var(--text-primary);
}
td.pager a b{
    cursor:default;
    font-size:14px;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    zoom:1;
    border-radius: var(--radius-sm);
    width:36px;
    height:36px;
    line-height:36px;
    font-weight:600;
    color: var(--text-secondary);
    text-decoration:none;
    transition: all var(--transition);
}
.pre_page:hover{background-color: rgba(139,92,246,.2);}
.next_page:hover{background-color: rgba(139,92,246,.2);}
.pre_page{
    background:url(images/paging_arrows.png) no-repeat 0 0;
    display:inline-block;
    cursor:pointer;
    vertical-align:top;
    text-indent:-9999px;
    zoom:1;
    border-radius: var(--radius-sm);
    width:36px;
    height:36px;
    line-height:36px;
    font-weight:600;
    color: var(--text-secondary);
    text-decoration:none;
    background-color: var(--bg-card);
    transition: all var(--transition);
}
.next_page{
    background:url(images/paging_arrows.png) no-repeat -36px 0;
    display:inline-block;
    cursor:pointer;
    vertical-align:top;
    text-indent:-9999px;
    zoom:1;
    border-radius: var(--radius-sm);
    width:36px;
    height:36px;
    line-height:36px;
    font-weight:600;
    color: var(--text-secondary);
    text-decoration:none;
    background-color: var(--bg-card);
    transition: all var(--transition);
}
td.pagerhighlight b{
    background: linear-gradient(135deg, var(--cyan-500), var(--violet-600));
    color:#fff!important;
    font-size:14px;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    zoom:1;
    border-radius: var(--radius-sm);
    width:36px;
    height:36px;
    line-height:36px;
    font-weight:700;
    text-decoration:none;
    box-shadow:0 2px 8px rgba(103,232,249,.35);
}
.main{margin-bottom:24px;margin-top:0;}
.loading{
    position:fixed;
    top:50%;
    left:50%;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font:normal 13px Inter,Segoe UI,Verdana;
    text-shadow:none;
    text-align:center;
    border:solid 1px rgba(0,0,0,.3);
    border-radius: var(--radius-md);
    box-shadow:0 4px 16px rgba(0,0,0,.4);
    margin:-50px 0 0 -150px;
    padding:16px 24px;
    backdrop-filter: blur(8px);
}
.blog-list-avatar li a{text-align:center;}
.content_b{padding-left:0;}
.green {
    border: solid 1px rgba(34,197,94,.3);
    background: linear-gradient(135deg, var(--success-500), #16a34a);
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/1.4 Inter,Segoe UI,sans-serif;
    text-shadow: none;
    -webkit-border-radius: .75em;
    -moz-border-radius: .75em;
    border-radius: var(--radius-lg);
    -webkit-box-shadow: 0 4px 12px rgba(34,197,94,.3);
    -moz-box-shadow: 0 4px 12px rgba(34,197,94,.3);
    box-shadow: 0 4px 12px rgba(34,197,94,.3);
    margin: 16px;
    padding: .75em 2em .75em;
    color: #fff;
    font-weight: 700;
    transition: all var(--transition);
}
.green:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(34,197,94,.4);
}