:root {--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-normal:1.6;--line-height-tight:1.3;--letter-spacing-normal:normal;--letter-spacing-tight:-0.01em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:2.5rem;--space-10:3.5rem;--space-12:4.5rem;--space-13:2.5rem;--space-16:6rem;--border-radius:0.75rem;--border-radius-lg:1rem;--border-radius-pill:9999px;--border-width:1px;--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-md:0 5px 15px rgba(0,0,0,0.08);--shadow-lg:0 10px 25px rgba(0,0,0,0.1);--transition-duration:0.25s;--transition-timing:ease-in-out;--transition-default:all var(--transition-duration) var(--transition-timing);--transition-colors:background-color var(--transition-duration) var(--transition-timing),border-color var(--transition-duration) var(--transition-timing),color var(--transition-duration) var(--transition-timing),opacity var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing);--transition-backdrop:backdrop-filter var(--transition-duration) var(--transition-timing);--container-max-width:100%;--container-padding:var(--space-6);--blur-intensity:10px;--bg-gradient-light:linear-gradient(135deg,#f0f2f5 0%,#ffffff 100%);--glass-bg-rgb-light:255,255,255;--glass-bg-alpha-light:0.9;--glass-border-light:rgba(255,255,255,0.25);--text-primary-light:#1f2937;--text-secondary-light:#444444;--text-tertiary-light:#777777;--primary-rgb-light:214,51,108;--primary-hover-light:#a61e4d;--status-active-color-light:#20c997;--status-warning-color-light:#ff922b;--surface-rgb-light:255,255,255;--surface-alpha-light:0.8;--submenu-bg-light:#ffffff;--bg-gradient-dark:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%);--glass-bg-rgb-dark:30,30,30;--glass-bg-alpha-dark:0.4;--glass-border-dark:rgba(255,255,255,0.1);--text-primary-dark:#f8f9fa;--text-secondary-dark:#ced4da;--text-tertiary-dark:#adb5bd;--primary-rgb-dark:240,101,149;--primary-hover-dark:#f783ac;--status-active-color-dark:#63e6be;--status-warning-color-dark:#ffc078;--surface-rgb-dark:40,40,40;--surface-alpha-dark:0.7;--submenu-bg-dark:rgb(var(--surface-rgb-dark));--bg-image:var(--bg-gradient-light);--bg-color:#f5f6fa;--glass-bg-rgb:var(--glass-bg-rgb-light);--glass-bg-alpha:var(--glass-bg-alpha-light);--glass-border:var(--glass-border-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--text-tertiary:var(--text-tertiary-light);--primary-rgb:var(--primary-rgb-light);--primary:rgb(var(--primary-rgb));--primary-hover:var(--primary-hover-light);--status-active-color:var(--status-active-color-light);--status-warning-color:var(--status-warning-color-light);--surface-rgb:var(--surface-rgb-light);--surface-alpha:var(--surface-alpha-light);--border:transparent;--submenu-bg:var(--submenu-bg-light)}
*,::after,::before {box-sizing:border-box;margin:0;padding:0;border:0 solid transparent}
html {font-size: 16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
body {font-family:var(--font-family-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);background-color:var(--bg-color);background-image:var(--bg-image);background-attachment:fixed;display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}
a,a:hover {text-decoration:none}
a,body {transition:var(--transition-colors)}
a {color:rgb(var(--primary-rgb));font-weight:var(--font-weight-medium)}
a:hover {color:var(--primary-hover)}
ul,li {list-style:none;}
img {vertical-align:middle;max-width:100%;}
body,h1 {color:var(--text-primary)}
h1 {font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-5)}
h2,h3,h4,p {margin-bottom:var(--space-4)}
h1,h2,h3,h4 {line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}
h2,h3,h4 {font-weight:var(--font-weight-semibold);color:var(--text-primary)}
h2 {font-size:1.25rem}
h3 {font-size:1.125rem}
p {color:var(--text-secondary);max-width:65ch}
.container,.hero h1,.hero p {margin-left:auto;margin-right:auto}
.container {width:98%;max-width:var(--container-max-width);padding-left:var(--container-padding);padding-right:var(--container-padding)}
.fh_row {max-width:1680px;margin:0 auto;}
.fh_row::after {content:"";display:block;clear:both;}
.header {width:100%;position:fixed;top:0;left:0;z-index:999;height:60px;padding:0 30px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,0.06);}
.fh_logo {float:left;padding-top:11px;}
.fh_logo img {max-height:36px;}
.language_icon {float:right;margin-left:25px;display:inline-block;line-height:52px;cursor:pointer;}
.language_icon a{font-size:16px;color:#666;}
.m_menu {display:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:24px;cursor:pointer;}
.trans-3 {display:block;width:16px;margin:4px auto 0;background:#003686;height:2px;border-radius:2px;transition:all 0.35s;}
.site_menu {float:right;line-height:40px;display:block;}
.site_menu > ul {font-size:0;margin:0;padding:0;}
.site_menu > ul > li {display:inline-block;position:relative;}
.site_menu > ul > li::before {content:"";position:absolute;bottom:-10px;left:50%;display:block;width:0;height:3px;background:#003686;transition:0.3s;border-radius: 10px;}
.site_menu > ul > li a {display:block;padding:8px 25px;font-size:18px;color:#666;}
.site_menu > ul > li:hover::before {width:16px;margin-left:-8px;bottom:0;z-index: 10;height:3px;}
.dropdown {position:relative;}
.dropdown ul {position:absolute;top:100%;left:0;right:0;line-height:25px;background:rgba(250,253,255,0.88);box-shadow:0 8px 20px rgba(0,0,0,0.06);border-radius:10px;opacity:0;pointer-events:none;text-align: center;overflow: hidden; z-index: 10;transition: all 0.3s;}
.dropdown:hover ul {opacity:1;pointer-events:auto;}
.dropdown li a {padding:10px 20px;font-size:14px;display: block;transition: ease-in-out 0.3s;color:#333;font-weight:inherit;}
.dropdown li a:hover {background:rgba(97,186,255,0.2);font-weight: bold;color:#003686;}
.dropdown >span a {padding-right:25px;position:relative;}
.dropdown >span a::after{position:absolute;top:18px;right:10px;width:6px;height:6px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";transform:rotate(45deg);transition: all 0.2s ease;}
.dropdown:hover >span a::after {border-color:#003686;transform:rotate(225deg);}
@media (max-width:992px) {
.header {padding:0 10px;}
.fh_logo {top:-20px;}
.fh_logo img {max-height:35px;}
.language_icon {position:absolute;right:60px;top:50%;transform:translateY(-50%);}
.m_menu {display:block;}
.site_menu {display:none;position:fixed;left:0;right:0;top:60px;bottom:0;background:#fff;padding:20px 12px;overflow-y:auto;}
.site_menu > ul > li {display:block;text-align:center;margin:10px 0;}
.dropdown li a {padding:8px 20px;font-size:14px;}
.on.m_menu .trans-3:nth-child(1) {transform:translateY(6px) rotate(45deg);}
.on.m_menu .trans-3:nth-child(3) {transform:translateY(-6px) rotate(-45deg);}
.on.m_menu .trans-3:nth-child(2) {opacity:0;}
.dropdown ul {display:none;}
.dropdown.active ul {display:block;}
.dropdown li a {text-align:center;}
.site_menu > ul > li:hover > ul,.site_menu > ul > li.active > ul {position:relative;top:0;left:0;right:0;}
}
main {flex-grow:1;padding-top:var(--space-4);padding-bottom:var(--space-3)}
.hero,.sponsor-ads h4 {color:var(--text-primary)}
.hero {background-color:transparent}
.hero {text-align:center;padding:var(--space-13)0;margin-bottom:var(--space-4);border:0;box-shadow:none}
.hero h1,.hero p {color:inherit}
.hero h1 {font-size:2.75rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);letter-spacing:-.02em;max-width:25ch;text-shadow:0 1px 3px rgba(0,0,0,.1)}
.hero p {font-size:1.125rem;opacity:.85;max-width:55ch;margin-bottom:0;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.1)}
.sponsor-ads {margin-bottom:var(--space-8);padding:var(--space-5) var(--space-6);border-radius:var(--border-radius-lg);background-color:rgba(var(--glass-bg-rgb),var(--glass-bg-alpha));backdrop-filter:blur(var(--blur-intensity));-webkit-backdrop-filter:blur(var(--blur-intensity));border:var(--border-width) solid var(--glass-border);box-shadow:var(--shadow-md);transition:var(--transition-colors),var(--transition-backdrop)}
.sponsor-ads h4 {margin-bottom:var(--space-5);font-size:1.125rem;font-weight:var(--font-weight-semibold);text-align:left}
.sponsor-links-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-3) var(--space-4)}
.sponsor-links-grid a {display:block;padding:var(--space-1) var(--space-2);text-decoration:none;color:var(--text-secondary);font-size:.875rem;font-weight:var(--font-weight-regular);border-radius:var(--border-radius);transition:color var(--transition-duration) ease-in-out,background-color var(--transition-duration) ease-in-out;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sponsor-links-grid a:hover {color:rgb(var(--primary-rgb));background-color:rgba(var(--primary-rgb),.1)}
#negarane a {counter-increment:my-counter;}
#negarane a::before {content:counter(my-counter) ". ";}
.tips li::marker {font-weight:var(--font-weight-medium);color:var(--text-tertiary)}
.cname-table-wrapper {overflow:hidden;margin-bottom:var(--space-10);border-radius:var(--border-radius-lg);padding:0;background-color:rgba(var(--glass-bg-rgb),var(--glass-bg-alpha));backdrop-filter:blur(var(--blur-intensity));-webkit-backdrop-filter:blur(var(--blur-intensity));border:var(--border-width) solid var(--glass-border);box-shadow:var(--shadow-md);transition:var(--transition-colors),var(--transition-backdrop)}
.cname-table-header,td,th {border-bottom:var(--border-width) solid var(--glass-border);background-color:transparent}
.cname-table-header {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);margin-bottom:0}
.cname-table-header h2 {margin-bottom:0;font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary)}
table {font-size:.875rem;border:0}
table {width:100%;min-width:600px;margin:auto;border-collapse:collapse;border-spacing:0;}
td,th {padding:var(--space-4) var(--space-6);text-align:left;white-space:nowrap;transition:var(--transition-colors);vertical-align:middle}
th {color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:.8125rem;letter-spacing:.01em;padding-top:var(--space-3);padding-bottom:var(--space-3)}
td {color:var(--text-secondary)}
tbody tr:last-child td {border-bottom:none}
thead th {background-color:transparent;border-bottom:var(--border-width) solid var(--glass-border);position:sticky;top:0;z-index:10}
tbody tr {transition:var(--transition-colors);border-radius:0}
tbody tr:hover td {background-color:rgba(0,0,0,.03)}
.sponsor-grid a:hover {color:rgb(var(--primary-rgb))}
.sponsors {padding-top:var(--space-10);margin-bottom:var(--space-10);border-top:none}
.sponsor-grid a,.sponsors h2 {font-weight:var(--font-weight-semibold);color:var(--text-primary)}
.sponsors h2 {text-align:center;margin-bottom:var(--space-8);font-size:1.25rem;text-shadow:0 1px 3px rgba(0,0,0,.1)}
.sponsor-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-6)}
.sponsor-grid a {display:block;padding:var(--space-4) var(--space-6);border-radius:var(--border-radius-lg);text-align:center;text-decoration:none;font-size:.9rem;font-weight:var(--font-weight-medium);line-height:1.5;background-color:rgba(var(--glass-bg-rgb),var(--glass-bg-alpha));backdrop-filter:blur(var(--blur-intensity));-webkit-backdrop-filter:blur(var(--blur-intensity));border:var(--border-width) solid var(--glass-border);box-shadow:var(--shadow-md);transition:var(--transition-colors),var(--transition-backdrop),transform var(--transition-duration) var(--transition-timing)}
.sponsor-grid a:hover {transform:translateY(-4px);box-shadow:var(--shadow-lg)}
#copy,#copy a,#copy p {color:#3c3d36;font-size:14px}
#ba,#copy {margin:10px auto}
#ba,#ba p {color:#999;font-size:14px}
.width_center {text-align:center;margin:0 auto;}
#scrollTop{position:fixed;bottom:20px;right:20px;width:45px;height:45px;line-height:45px;text-align:center;background-color:rgba(0,0,0,0.7);color:#fff;font-weight:600;border-radius:50%;font-size:13px;cursor:pointer;opacity:0;visibility:hidden;transition:opacity 0.5s ease,visibility 0.5s;}
#scrollTop.show{opacity:1;visibility:visible;}
@media (max-width:768px) {html {font-size:93.75%}
.container {padding-left:var(--space-5);padding-right:var(--space-5)}
main {padding-top:var(--space-8);padding-bottom:var(--space-3)}
.hero {padding:var(--space-8)0}
.hero h1 {font-size:2rem}
.hero p {font-size:1rem}
.cname-table-wrapper {background-color:transparent;border:0;box-shadow:none;padding:0;border-radius:0}
.cname-table-header {padding:var(--space-4)0;border-bottom:var(--border-width) solid var(--border);margin-bottom:var(--space-5)}
.cname-table-wrapper table,.cname-table-wrapper tbody,.cname-table-wrapper td,.cname-table-wrapper th,.cname-table-wrapper thead,.cname-table-wrapper tr {display:block}
.cname-table-wrapper table {border-radius:0;border:0;min-width:0;border-spacing:0 var(--space-5);border-top:none}
.cname-table-wrapper thead tr {position:absolute;top:-9999px;left:-9999px}
.cname-table-wrapper tr {margin-bottom:var(--space-5);border-radius:var(--border-radius-lg);overflow:hidden;padding:var(--space-5);background-color:rgba(var(--glass-bg-rgb),var(--glass-bg-alpha));backdrop-filter:blur(var(--blur-intensity));-webkit-backdrop-filter:blur(var(--blur-intensity));border:var(--border-width) solid var(--glass-border);box-shadow:var(--shadow-md);transition:var(--transition-colors),var(--transition-backdrop)}
.cname-table-wrapper td{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border:0;border-bottom:var(--border-width) solid var(--glass-border);padding:var(--space-3)0;white-space:normal;text-align:right;color:var(--text-secondary);font-size:.875rem;background-color:transparent;height:auto}
.cname-table-wrapper tr td:last-of-type {border-bottom:none;padding-bottom:0}
.cname-table-wrapper tr td:first-of-type {padding-top:0}
.cname-table-wrapper td::before {content:attr(data-label);font-weight:var(--font-weight-medium);white-space:nowrap;text-align:left;padding-right:var(--space-3);color:var(--text-primary);font-size:.875rem}
.sponsor-grid {grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-5)}
}
@media (max-width:480px) {.container {padding-left:var(--space-4);padding-right:var(--space-4)}
.hero h1 {font-size:2rem}
.hero p {font-size:1rem}
.cname-table-header {flex-direction:column;align-items:stretch;gap:var(--space-4)}
.cname-table-header h2 {text-align:left}
.sponsor-grid {grid-template-columns:1fr;gap:var(--space-5)}
}