*{box-sizing:border-box}body{padding:10px 0;background:#b5d0d4;color:#59666d;font-family:Arial,Verdana,sans-serif}
.public-page{width:calc(100% - 20px);margin:0 auto;padding:10px;background:#fff;border-radius:12px;box-shadow:0 5px 22px rgba(44,77,84,.18)}
.public-header{width:100%;margin-bottom:12px}.public-header #header{width:100%;height:auto;aspect-ratio:1920/300;background-position:center;background-size:cover;border-radius:9px}
.public-layout{display:grid;grid-template-columns:175px minmax(0,1fr) 165px;gap:14px;align-items:start}.public-content{min-width:0}.public-sidebar,.public-sponsors{min-width:0}
#nav,#nav2{box-sizing:border-box;width:100%;height:auto;min-height:0;padding:0 0 8px;overflow:hidden;background:#f5f9f8;border:1px solid #b7d2c9;border-radius:9px;box-shadow:0 3px 12px rgba(44,91,78,.12)}
#nav h2,#nav2 h2{margin:0 0 6px;padding:9px 11px;background:linear-gradient(135deg,#347f69,#69b598);border:0;color:#fff;font-size:13px;letter-spacing:.2px;text-shadow:0 1px 1px rgba(0,0,0,.2)}
#nav h2:not(:first-child){margin-top:10px}#nav ul{margin:0;padding:0 8px;list-style:none}#nav li{margin:3px 0}
#nav a{display:block;width:100%;padding:7px 8px 7px 25px;background:#fff url(images/dot.gif) 9px center no-repeat;border:1px solid transparent;border-radius:5px;color:#58729b;font-size:11px;transition:.15s}
#nav a:hover{transform:translateX(2px);background-color:#e0f1eb;border-color:#9bc7b8;color:#276b5a}
.public-search form{padding:0 8px}.public-search input{width:100%;margin:0 0 5px;padding:7px;border:1px solid #b6cbc4;border-radius:5px}.public-search button{width:100%;padding:7px;border:0;border-radius:5px;background:#397f6b;color:#fff;font-weight:bold;cursor:pointer}
#ads{display:flex;flex-direction:column;align-items:center;gap:8px;padding:2px 8px}#ads a{display:block;width:100%;height:auto;margin:0;padding:0;background:none;text-align:center}#ads img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.15)}
.public-content h1{margin:8px 0 6px;padding-bottom:5px;border-bottom:3px solid #cae6dd;color:#7185b5;font-size:22px}.public-content h2{margin:6px 0 12px;color:#4ca083;font-size:15px}
.public-ranking-head{display:grid;grid-template-columns:56px minmax(0,1fr) 90px;gap:10px;padding:9px 12px;background:linear-gradient(#d9f0e9,#bfe2d7);border:1px solid #79b7a4;border-radius:7px 7px 0 0;color:#276b5a;font-weight:bold}
.public-server-card{display:grid;grid-template-columns:56px minmax(0,1fr) 90px;gap:10px;padding:12px;border:1px solid #c9d5df;border-top:0;align-items:start}.public-server-card.cell{background:#fffdf1}.public-server-card.cellalt{background:#f5f7fa}
.public-rank{display:flex;width:38px;height:38px;margin:2px auto;align-items:center;justify-content:center;background:linear-gradient(135deg,#66b79d,#347f69);border-radius:50%;color:#fff;font-size:16px;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,.18)}
.public-server-info{min-width:0;overflow-wrap:anywhere}.public-server-banner{display:block;width:min(468px,100%);height:auto;margin-bottom:7px;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.18)}.public-server-name{font-size:14px;font-weight:bold}.public-server-category{display:inline-block;margin-top:6px;padding:3px 7px;background:#e8f3ef;border-radius:10px;color:#397865;font-size:10px}
.public-points{padding:10px 4px;background:#e8f4ef;border:1px solid #b8d9cd;border-radius:7px;color:#226f56;text-align:center}.public-points small{display:block;font-size:9px;text-transform:uppercase}.public-points strong{display:block;margin-top:2px;font-size:18px}
.public-empty{min-height:65px;align-items:center}.public-empty .public-server-info a{font-weight:bold}.cellad{box-sizing:border-box;width:100%;margin:8px 0;padding:10px;border:1px solid #b9d5ce;border-radius:7px;background:#eaf5f2}.cellad .table_desc{box-sizing:border-box;width:calc(100% - 110px)}.cellad img{max-width:100%;height:auto}
@media(max-width:1050px){.public-layout{grid-template-columns:160px minmax(0,1fr)}.public-sponsors{display:none}}
@media(max-width:720px){body{padding:0}.public-page{width:100%;padding:6px;border-radius:0}.public-layout{display:block}.public-sidebar{margin-bottom:10px}.public-sidebar #nav{display:grid;grid-template-columns:1fr 1fr}.public-sidebar #nav h2,.public-sidebar #nav ul,.public-search{grid-column:span 1}.public-ranking-head{display:none}.public-server-card{grid-template-columns:46px minmax(0,1fr)}.public-points{grid-column:2}.public-content h1{font-size:19px}}
.ads-intro{margin-bottom:18px;padding:24px;background:linear-gradient(135deg,#e6f5f0,#f7fbfa);border:1px solid #b8d9cd;border-radius:10px}.ads-intro h1{margin:5px 0 8px;border:0;color:#347f69;font-size:27px}.ads-intro p{max-width:850px;margin:0;color:#5d716a;font-size:14px;line-height:1.5}.ads-eyebrow{color:#7185b5;font-size:10px;font-weight:bold;letter-spacing:1px;text-transform:uppercase}
.ads-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.ad-plan{display:flex;min-width:0;padding:17px;background:#fff;border:1px solid #c9d7df;border-radius:9px;box-shadow:0 3px 10px rgba(50,80,90,.08);flex-direction:column;transition:transform .15s,box-shadow .15s}.ad-plan:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(50,80,90,.13)}.ad-plan-featured{border:2px solid #65ad94;background:linear-gradient(#fff,#f2faf7)}.ad-plan-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.ad-location{padding:4px 7px;background:#e8f3ef;border-radius:11px;color:#397865;font-size:9px;font-weight:bold;text-transform:uppercase}.ad-price{color:#65736e;font-size:10px;white-space:nowrap}.ad-price strong{color:#347f69;font-size:20px}.ad-plan h2{margin:12px 0 5px;color:#7185b5;font-size:19px}.ad-size{margin-bottom:9px;color:#3f816b;font-size:11px;font-weight:bold}.ad-plan p{margin:0 0 9px;line-height:1.45}.ad-plan ul{margin:0 0 14px;padding-left:18px;line-height:1.6}.ad-cta{display:block;margin-top:auto;padding:10px;border-radius:6px;background:linear-gradient(135deg,#3d9376,#28725a);color:#fff!important;font-weight:bold;text-align:center}.ad-cta:hover{filter:brightness(1.08)}
.ads-information{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.ads-information section{padding:17px;background:#f5f8fa;border:1px solid #ccd8df;border-radius:9px}.ads-information h2{margin:0 0 9px;color:#347f69;font-size:16px}.ads-information p{margin:6px 0;line-height:1.5}.ads-information ol{margin:0;padding-left:20px;line-height:1.7}.ads-restrictions{grid-column:1/-1}
@media(max-width:650px){.ads-intro{padding:17px}.ads-catalog,.ads-information{grid-template-columns:1fr}.ads-restrictions{grid-column:auto}}
.advertising-login-required{width:min(660px,100%);margin:30px auto;padding:34px;background:linear-gradient(135deg,#f7fbfa,#e7f4f0);border:1px solid #b8d9cd;border-radius:12px;box-shadow:0 6px 20px rgba(48,95,80,.12);text-align:center}.advertising-lock{display:flex;width:58px;height:58px;margin:0 auto 12px;align-items:center;justify-content:center;background:linear-gradient(135deg,#55b496,#27745d);border-radius:50%;font-size:25px;box-shadow:0 4px 10px rgba(39,116,93,.22)}.advertising-login-required h1{margin:7px 0 10px;border:0;color:#347f69;font-size:25px}.advertising-login-required p{max-width:530px;margin:0 auto;color:#5d716a;font-size:14px;line-height:1.55}.advertising-login-actions{display:flex;gap:10px;justify-content:center;margin:22px 0 17px}.advertising-login-actions a{display:inline-block;min-width:175px;padding:11px 16px;border-radius:6px;font-weight:bold}.advertising-login-primary{background:linear-gradient(135deg,#3d9376,#28725a);color:#fff!important}.advertising-login-secondary{background:#fff;border:1px solid #8fbdae;color:#34745f!important}.advertising-back{font-size:11px;font-weight:bold}@media(max-width:520px){.advertising-login-required{padding:23px 15px}.advertising-login-actions{flex-direction:column}.advertising-login-actions a{width:100%}}
.registration-intro{position:relative;overflow:hidden;margin-bottom:16px;padding:24px 27px;background:linear-gradient(135deg,#e4f5ef 0%,#f8fbfa 65%,#eaf0fb 100%);border:1px solid #b8d9cd;border-radius:11px}.registration-intro:after{position:absolute;right:-35px;bottom:-60px;width:180px;height:180px;background:rgba(102,183,157,.12);border-radius:50%;content:""}.registration-intro h1{position:relative;margin:5px 0 7px;padding:0;border:0;color:#347f69;font-size:27px}.registration-intro p{position:relative;max-width:820px;margin:0;color:#5d716a;font-size:14px;line-height:1.5}.registration-eyebrow{position:relative;color:#7185b5;font-size:10px;font-weight:bold;letter-spacing:1px;text-transform:uppercase}.registration-result{margin:0 0 14px;padding:12px 15px;background:#fff5d9;border:1px solid #e5ca78;border-radius:7px;color:#775d13;font-weight:bold}.registration-result:empty{display:none}
.registration-layout{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.8fr);gap:16px;align-items:start}.registration-rules{padding:20px;background:linear-gradient(160deg,#f4f8fb,#edf6f3);border:1px solid #c5d8d2;border-radius:10px;box-shadow:0 3px 12px rgba(50,80,90,.07)}.registration-rules-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;background:linear-gradient(135deg,#61b79a,#327e68);border-radius:50%;color:#fff;font-size:20px;font-weight:bold;box-shadow:0 3px 8px rgba(50,126,104,.22)}.registration-rules h2{margin:13px 0 4px;color:#347f69;font-size:19px}.registration-rules>p{margin:0 0 12px;line-height:1.45}.registration-rules ol{margin:0;padding-left:20px;color:#566a64}.registration-rules li{margin:0 0 9px;padding-left:3px;line-height:1.4}.registration-rules li::marker{color:#3c9477;font-weight:bold}.registration-review-note{margin-top:15px;padding:12px;background:#fff;border-left:4px solid #69b598;border-radius:5px;line-height:1.4}.registration-review-note strong{display:block;margin-bottom:3px;color:#347f69}
.registration-form{min-width:0;padding:20px;background:#fff;border:1px solid #c7d6dd;border-radius:10px;box-shadow:0 4px 15px rgba(50,80,90,.09)}.registration-section{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #dbe6e3}.registration-section-heading{display:flex;gap:11px;margin-bottom:15px;align-items:center}.registration-section-heading>span{display:flex;width:35px;height:35px;flex:0 0 35px;align-items:center;justify-content:center;background:#e2f1ec;border:1px solid #add2c5;border-radius:50%;color:#327c65;font-size:14px;font-weight:bold}.registration-section-heading h2{margin:0 0 2px;color:#347f69;font-size:18px}.registration-section-heading p{margin:0;color:#7b8985;font-size:11px}.registration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.registration-field{display:block;min-width:0}.registration-field-full{grid-column:1/-1}.registration-field>span{display:block;margin-bottom:6px;color:#52645e;font-size:11px;font-weight:bold}.registration-field input,.registration-field select,.registration-field textarea{display:block;width:100%;margin:0;padding:10px 11px;background:#f9fbfc;border:1px solid #b8cbc5;border-radius:6px;color:#465952;font:inherit;outline:0;transition:border-color .15s,box-shadow .15s,background .15s}.registration-field textarea{min-height:105px;resize:vertical}.registration-field input:focus,.registration-field select:focus,.registration-field textarea:focus{background:#fff;border-color:#4b9e82;box-shadow:0 0 0 3px rgba(75,158,130,.13)}.registration-field small{display:block;margin-top:5px;color:#89938f;font-size:9px}.registration-agreement{display:flex;gap:9px;margin:0 0 15px;padding:12px;background:#f0f7f5;border-radius:6px;color:#52645e;line-height:1.4;cursor:pointer}.registration-agreement input{margin:2px 0 0;flex:0 0 auto;accent-color:#37866d}.registration-submit{display:flex;width:100%;padding:13px 18px;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#439b7e,#27715a);border:0;border-radius:7px;box-shadow:0 3px 8px rgba(39,113,90,.23);color:#fff;font-size:13px;font-weight:bold;cursor:pointer;transition:transform .15s,filter .15s}.registration-submit:hover{transform:translateY(-1px);filter:brightness(1.07)}.registration-submit span{font-size:17px}.registration-footer-note{margin:10px 0 0;color:#84918d;font-size:10px;text-align:center}
@media(max-width:900px){.registration-layout{grid-template-columns:1fr}.registration-rules{order:2}.registration-form{order:1}}@media(max-width:560px){.registration-intro{padding:19px}.registration-intro h1{font-size:23px}.registration-form{padding:15px}.registration-fields{grid-template-columns:1fr}.registration-field-full{grid-column:auto}.registration-section-heading{align-items:flex-start}}
.login-page{display:flex;min-height:470px;padding:34px 18px;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 50% 0,#eff8f5 0,rgba(239,248,245,0) 62%)}.login-card{display:grid;width:min(780px,100%);grid-template-columns:minmax(245px,.85fr) minmax(330px,1.15fr);overflow:hidden;background:#fff;border:1px solid #bfd5ce;border-radius:14px;box-shadow:0 12px 32px rgba(45,83,73,.14)}.login-welcome{position:relative;overflow:hidden;padding:34px 30px;background:linear-gradient(145deg,#2d7b63,#54aa8d);color:#fff}.login-welcome:before,.login-welcome:after{position:absolute;background:rgba(255,255,255,.08);border-radius:50%;content:""}.login-welcome:before{right:-55px;top:-45px;width:180px;height:180px}.login-welcome:after{left:-45px;bottom:-65px;width:150px;height:150px}.login-welcome-label{position:relative;z-index:1;font-size:9px;font-weight:bold;letter-spacing:1.2px;text-transform:uppercase}.login-emblem{display:flex;position:relative;z-index:1;width:48px;height:48px;margin:24px 0 18px;align-items:center;justify-content:center;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.32);border-radius:50%;font-size:21px}.login-welcome h1{position:relative;z-index:1;margin:0 0 10px;padding:0;border:0;color:#fff;font-size:25px;line-height:1.15}.login-welcome p{position:relative;z-index:1;margin:0;color:#e5f4ef;line-height:1.55}.login-welcome ul{position:relative;z-index:1;margin:21px 0 0;padding:0;list-style:none}.login-welcome li{position:relative;margin:10px 0;padding-left:21px;color:#f4fbf9;line-height:1.4}.login-welcome li:before{position:absolute;left:0;top:0;color:#c8eee1;font-weight:bold;content:"\2713"}
.login-access{padding:38px 35px}.login-access-heading{display:flex;gap:12px;margin-bottom:25px;align-items:center}.login-lock{display:flex;width:43px;height:43px;flex:0 0 43px;align-items:center;justify-content:center;background:#e4f2ed;border-radius:50%;font-size:17px}.login-access-heading h2{margin:0 0 3px;color:#347f69;font-size:23px}.login-access-heading p{margin:0;color:#82908b;font-size:11px}.login-field{display:block;margin-bottom:15px}.login-field>span{display:block;margin-bottom:6px;color:#52645e;font-size:11px;font-weight:bold}.login-field input{display:block;width:100%;padding:12px;background:#f8fbfa;border:1px solid #b7cbc4;border-radius:7px;color:#42554f;font:inherit;outline:0;transition:border-color .15s,box-shadow .15s,background .15s}.login-field input:focus{background:#fff;border-color:#44977c;box-shadow:0 0 0 3px rgba(68,151,124,.13)}.login-options{display:flex;gap:12px;margin:2px 0 18px;align-items:center;justify-content:space-between;color:#84928e;font-size:10px}.login-options>span:before{margin-right:4px;content:"\1f512"}.login-options a{font-weight:bold}.login-submit{display:flex;width:100%;padding:13px 18px;align-items:center;justify-content:center;gap:11px;background:linear-gradient(135deg,#439b7e,#27715a);border:0;border-radius:7px;box-shadow:0 3px 9px rgba(39,113,90,.23);color:#fff;font-size:13px;font-weight:bold;cursor:pointer;transition:transform .15s,filter .15s}.login-submit:hover{transform:translateY(-1px);filter:brightness(1.07)}.login-submit span{font-size:17px}.login-register{margin-top:23px;padding-top:18px;border-top:1px solid #dfe8e5;text-align:center}.login-register span{display:block;margin-bottom:6px;color:#82908b;font-size:10px}.login-register a{color:#347f69;font-weight:bold}.login-alert{width:min(780px,calc(100% - 36px));margin:24px auto -20px;padding:12px 16px;background:#fff0ef;border:1px solid #e6aaa5;border-left:4px solid #c8544b;border-radius:7px;color:#9b392f;font-weight:bold;text-align:center}
@media(max-width:700px){.login-page{min-height:0;padding:18px 4px}.login-card{grid-template-columns:1fr}.login-welcome{padding:25px}.login-welcome ul{display:none}.login-emblem{margin:17px 0 12px}.login-access{padding:27px 22px}.login-alert{width:calc(100% - 8px);margin:14px auto 0}}@media(max-width:420px){.login-options{align-items:flex-start;flex-direction:column}.login-access{padding:23px 16px}}