:root{color-scheme:dark;--bg:#18181a;--bg-alt:#1b1b1d;--panel:#212123;--panel2:#252527;--line:#363638;--line2:#404042;--white:#f9f9fb;--muted:#b4b4b6;--muted2:#7c7c7e;--green:#4dfa89;--green-bright:#46eb81;--green-deep:#32c268;--radius:20px;--font:'Cairo',Tahoma,Arial,sans-serif;--english:'Rajdhani',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:93px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);font-size:14px;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{border:0}::selection{background:#33c469;color:#19191b}svg{display:block}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-small{width:16px;height:16px}.icon-xs{width:15px;height:15px}.shell{width:min(1190px,calc(100% - 72px));margin-inline:auto}button[hidden],div[hidden],nav[hidden]{display:none!important}
.announcement-bar{height:30px;display:flex;align-items:center;justify-content:center;gap:12px;background:#232325;border-bottom:1px solid rgba(130,241,163,.1);color:#d2d2d4;font-size:10px;letter-spacing:.05px;font-weight:700}.announcement-bar b,.english-ann{font-family:var(--english);font-size:12px;letter-spacing:1.2px;color:#4af385}.ann-dot,.dot-glow{width:6px;height:6px;background:#4dfa89;box-shadow:0 0 12px 3px rgba(114,246,157,.55);border-radius:50%}.ann-sep{height:10px;border-inline-start:1px solid #5f5f61}.english-ann{font-size:10px;color:#1f9a50;letter-spacing:1.9px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(23,23,25,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(136,255,169,.1)}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:195px}.brand img{flex:none;filter:drop-shadow(0 0 10px rgba(57,200,112,.24))}.brand-name{font-family:var(--english);font-size:25px;line-height:.91;font-weight:700;letter-spacing:1.2px;white-space:nowrap;display:block;direction:ltr;text-align:left}.brand-name strong{color:var(--green);font-weight:700}.brand-name small{display:block;letter-spacing:2.1px;font-size:9px;font-weight:600;color:#a9a9ab;margin-top:7px}.desktop-nav{display:flex;align-items:center;gap:37px;margin-inline:auto}.desktop-nav a{position:relative;font-size:12px;color:#acacae;font-weight:700;transition:color .2s}.desktop-nav a:hover,.desktop-nav .is-current{color:var(--white)}.desktop-nav .is-current::after{content:"";position:absolute;inset-inline:calc(50% - 3px);bottom:-13px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 11px 3px rgba(145,255,181,.5)}.header-actions{display:flex;align-items:center}.header-discord{background:#313133;border:1px solid #107b3e;color:#4dfa89;border-radius:10px;padding:10px 15px;display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:12px;font-weight:800;transition:background .2s,transform .2s}.header-discord:hover{background:#3f3f41;transform:translateY(-2px)}.header-discord .icon{width:18px;height:18px}.mobile-menu-btn{display:none;background:#28282a;border:1px solid var(--line2);padding:10px;border-radius:10px}.mobile-nav{padding:12px 24px 23px;border-top:1px solid #343436;background:#1d1d1f}.mobile-nav a,.mobile-nav button{display:block;padding:12px;border-bottom:1px solid #2f2f31;width:100%;text-align:right;font-size:13px;background:none}
.hero{isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(ellipse at 87% 23%,rgba(18,70,37,.25),transparent 39%),linear-gradient(175deg,#1c1c1e 0%,#18181a 85%)}.hero-grid-bg{position:absolute;inset:0;z-index:-1;opacity:.34;background-image:linear-gradient(to right,rgba(115,200,138,.085) 1px,transparent 1px),linear-gradient(to bottom,rgba(115,200,138,.075) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,black,transparent 89%)}.hero-spotlight{position:absolute;z-index:-1;right:-270px;top:-210px;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(81,177,113,.1),transparent 69%);pointer-events:none}.hero-layout{min-height:615px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:36px;padding-top:34px}.hero-copy{position:relative;z-index:2;padding:54px 0 67px}.eyebrow{display:flex;gap:12px;align-items:center;color:#3fdd78;font-size:11px;font-weight:800;margin-bottom:27px;letter-spacing:.1px}.eyebrow .icon{color:var(--green)}.eyebrow-line{height:1px;width:25px;background:#5b5b5d}.hero-heading{direction:rtl}.hero-kicker{display:block;font-size:18px;font-weight:800;color:#f9f9fb;margin-bottom:4px}.hero-heading h1{margin:0;color:#f9f9fb;font-size:clamp(73px,7vw,115px);font-weight:700;font-family:var(--english);direction:ltr;text-align:right;letter-spacing:-1px;line-height:.79;text-shadow:0 8px 40px #0004}.hero-heading h1 em{color:var(--green);font-style:normal;white-space:nowrap}.hero-heading h1 em span{font-size:.44em;vertical-align:13px;letter-spacing:2px;color:#4dfa89}.hero-copy h2{font-size:27px;line-height:1.9;font-weight:900;letter-spacing:-.8px;margin:26px 0 6px}.hero-copy h2 span{color:var(--green-bright)}.hero-summary{color:#b9b9bb;line-height:2.25;font-size:13px;max-width:510px;margin:0 0 31px}.hero-buttons,.cta-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:11px;padding:12px 23px;font-size:12px;font-weight:900;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,#4dfa89,#3fdc78);color:#212123;box-shadow:0 9px 37px rgba(57,226,111,.14)}.btn-primary:hover{box-shadow:0 9px 37px rgba(57,226,111,.3)}.btn-outline{background:rgba(34,35,37,.7);border:1px solid #454547;color:#f9f9fb}.btn-outline:hover{background:#303032;border-color:#37cc6e}.hero-footnote{display:flex;align-items:center;gap:10px;margin-top:23px;color:#a0a0a2;font-size:10px}.mini-seal{width:26px;height:26px;background:#2b2b2d;display:inline-grid;place-items:center;border:1px solid #454547;border-radius:50%;color:#45ea80}
.hero-art{position:relative;height:535px;width:100%;max-width:535px;justify-self:center;perspective:850px;display:grid;place-items:center;pointer-events:none}.art-orbit{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:1px solid rgba(115,216,145,.1)}.orbit-outer{width:510px;height:510px;border-style:dashed}.orbit-inner{width:395px;height:395px;border-color:rgba(105,215,134,.14)}.art-orbit:after{content:"";position:absolute;inset:15px;border-radius:50%;border:1px solid rgba(134,236,160,.055)}.art-grid-label{position:absolute;font-family:var(--english);font-weight:600;font-size:12px;letter-spacing:3px;color:#969698;direction:ltr}.label-top{top:5px;right:0}.label-bottom{bottom:12px;left:6px}.art-poster{width:350px;height:458px;position:relative;overflow:hidden;transform:rotate(-6deg) translateX(8px);border:1px solid #5e5e60;box-shadow:18px 31px 60px #0009,0 0 65px rgba(42,145,85,.14);background:#212123;border-radius:6px}.art-poster:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px rgba(0,0,0,.34);pointer-events:none;border:10px solid rgba(21,45,29,.16)}.art-poster:before{content:"";z-index:2;position:absolute;left:0;right:0;top:0;height:5px;background:var(--green)}.poster-upper{height:102px;padding:26px 28px 12px;display:flex;align-items:start;justify-content:space-between;direction:ltr}.poster-title{font-family:var(--english);font-size:29px;white-space:nowrap;line-height:1;font-weight:700;letter-spacing:1.1px;color:#4dfa89}.poster-code{font-family:var(--english);font-size:12px;color:#a6a6a8;writing-mode:vertical-rl;letter-spacing:3px}.city-illustration{position:absolute;inset:98px 0 40px}.city-illustration svg{width:100%;height:100%}.poster-bottom{position:absolute;bottom:0;height:66px;background:#212123;width:100%;z-index:1;padding:14px 25px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #454547;direction:ltr;color:#3ad171}.poster-bottom>span:first-child{font:700 17px/1 var(--english);letter-spacing:1.5px}.barcode{font-size:17px;color:#2bb25f;letter-spacing:-2px}.floating-stamp{position:absolute;left:5px;bottom:82px;display:flex;align-items:center;gap:6px;z-index:2;transform:rotate(7deg);padding:9px 19px 9px 9px;border-radius:11px;background:rgba(28,29,31,.96);border:1px solid #0f7a3d;box-shadow:0 12px 30px #0008}.floating-stamp span{font:700 20px/.97 var(--english);direction:ltr;color:white;letter-spacing:.6px}.floating-stamp b{color:#4bf586;font-size:18px}.hero-bottom{height:55px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(110,181,135,.11)}.scroll-prompt{display:flex;align-items:center;gap:11px;color:#a3a3a5;font-size:10px;transition:color .2s}.scroll-prompt:hover{color:var(--green)}.scroll-mouse{width:19px;height:26px;border-radius:10px;border:1px solid #178946;display:grid;place-items:center}.scroll-mouse span{width:2px;height:6px;background:var(--green);border-radius:2px;animation:mouse 1.6s infinite}@keyframes mouse{0%,100%{transform:translateY(-3px);opacity:.2}55%{transform:translateY(3px);opacity:1}}.hero-bottom-right{font:600 11px var(--english);letter-spacing:2px;color:#7f7f81;direction:ltr;display:flex;gap:15px;align-items:center}.tiny-circle{display:inline-block;width:5px;height:5px;background:#38cd6f;border-radius:50%}
.benefits-wrap{background:#1e1e20;border-bottom:1px solid #313133;border-top:1px solid #38383a}.benefits{display:grid;grid-template-columns:repeat(3,1fr);min-height:105px}.benefit{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px}.benefit:not(:last-child){border-left:1px solid #353537}.benefit-icon{width:39px;height:39px;display:grid;place-items:center;background:#2e2e30;border:1px solid #454547;color:#44e77e;border-radius:11px}.benefit strong,.benefit small{display:block}.benefit strong{font-size:11px;font-weight:900}.benefit small{font-size:10px;color:#9f9fa1;margin-top:3px}
.section-pad{padding:109px 0}.rules-section{background:radial-gradient(ellipse at 6% 65%,rgba(17,68,35,.12),transparent 55%),var(--bg)}.section-topline{display:flex;align-items:center;gap:15px;margin-bottom:27px;color:#2db862;font-size:10px;font-weight:700;letter-spacing:.2px}.section-topline>span:first-child{font:700 13px var(--english);direction:ltr;letter-spacing:2px;color:#3cd674}.section-topline .small-line{height:1px;width:40px;background:#454547}.rules-header,.steps-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:40px}.section-eyebrow{display:flex;align-items:center;gap:7px;color:#37cc6e;font-size:11px;font-weight:800;margin-bottom:13px}.section-heading{margin:0;font-size:clamp(27px,3vw,39px);letter-spacing:-1.7px;line-height:1.5;font-weight:900}.section-heading span{color:var(--green-bright)}.section-description{color:#a8a8aa;font-size:12px;line-height:2;margin:10px 0 0}.section-num{font-family:var(--english);font-size:79px;font-weight:700;line-height:1;color:#323234;direction:ltr;white-space:nowrap}.section-num span{font-size:27px;color:#454547}.rules-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}.search-field{width:min(510px,100%);height:53px;border:1px solid #424244;border-radius:12px;background:#232325;display:flex;align-items:center;gap:10px;padding:0 17px;color:#2ab25e;transition:border-color .2s,box-shadow .2s}.search-field:focus-within{border-color:#3cd674;box-shadow:0 0 0 3px rgba(104,236,145,.07)}.search-field input{color:#f9f9fb;width:100%;min-width:0;background:none;border:0;outline:0;font-size:12px}.search-field input::placeholder{color:#88888a}.search-field kbd{font-size:15px;color:#7f7f81;font-family:var(--font);line-height:1}.categories-counter{color:#a4a4a6;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px}.categories-counter strong{font:700 16px var(--english);color:#44e67e}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.category-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#252527,#202022);border:1px solid #38383a;min-height:153px;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;text-align:right;padding:20px 22px;isolation:isolate;transition:border-color .25s,transform .25s,background .25s,box-shadow .25s}.category-card::before{content:"";position:absolute;width:125px;height:125px;background:radial-gradient(circle,rgba(87,237,136,.085),transparent 65%);left:-33px;bottom:-55px;z-index:-1}.category-card:hover{border-color:#28ad5b;transform:translateY(-4px);box-shadow:0 20px 35px #0005}.category-card.is-selected{border-color:#31c067;background:linear-gradient(130deg,#2d2d2f,#242426);box-shadow:inset 0 0 0 1px rgba(150,249,182,.06),0 12px 35px #0003}.category-icon{display:grid;place-items:center;width:40px;height:40px;background:#373739;border:1px solid #0d753a;color:#4dfa89;border-radius:11px;margin-bottom:15px}.category-title{font-size:13px;line-height:1.5;font-weight:900;color:#f9f9fb}.category-text{margin-top:3px;font-size:10px;color:#a2a2a4;line-height:1.8}.category-arrow{position:absolute;bottom:20px;left:20px;color:#1c954d;transition:transform .2s}.category-card:hover .category-arrow{transform:translateX(-3px)}.category-index{position:absolute;left:20px;top:15px;font:700 14px var(--english);color:#107c3e;direction:ltr}.category-card.is-selected:after{content:"";width:35px;height:2px;position:absolute;right:20px;bottom:0;background:var(--green);box-shadow:0 0 10px var(--green)}
.rules-panel{margin-top:23px;border:1px solid #3f3f41;border-radius:17px;background:linear-gradient(145deg,#212123,#1d1d1f);overflow:hidden;box-shadow:0 20px 55px #0003}.rules-panel-head{padding:28px 32px;display:flex;gap:15px;align-items:center;border-bottom:1px solid #3d3d3f;background:linear-gradient(100deg,rgba(43,108,62,.15),transparent 75%)}.panel-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:13px;background:#333335;border:1px solid #117d3f;color:#49f184}.panel-icon .icon{width:27px;height:27px}.panel-heading{flex:1}.panel-kicker{font:700 11px var(--english);letter-spacing:1.4px;direction:ltr;color:#38cd6f;display:inline-block}.panel-heading h3{font-size:18px;margin:1px 0 0;font-weight:900}.panel-heading p{font-size:11px;color:#9f9fa1;margin:2px 0 0}.rule-count{background:#303032;color:#43e47c;border:1px solid #454547;border-radius:30px;padding:6px 12px;white-space:nowrap;font-size:10px}.rules-list{padding:8px 32px 12px}.rule-item{border-bottom:1px solid #38383a}.rule-item:last-child{border-bottom:none}.rule-item summary{list-style:none;display:flex;align-items:center;gap:17px;cursor:pointer;padding:17px 0;user-select:none}.rule-item summary::-webkit-details-marker{display:none}.rule-id{font:700 17px var(--english);color:#26a959;direction:ltr;width:26px}.rule-title{font-size:12px;font-weight:800;flex:1}.rule-expand{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#2f2f31;border:1px solid #454547;color:#3eda76;transition:transform .2s}.rule-expand .icon{height:13px;width:13px}.rule-item[open] .rule-expand{transform:rotate(45deg);background:#3b3b3d}.rule-content{padding:0 44px 20px 35px;color:#b7b7b9;line-height:2.2;font-size:11px;max-width:950px}.no-results{padding:44px 16px;text-align:center;color:#99999b}.no-results>.icon{width:35px;height:35px;margin:0 auto 7px}.no-results h4{font-size:15px;margin:5px;color:#f9f9fb}.no-results p{font-size:11px;margin:0}
.steps-section{background:#1e1e20;border-top:1px solid #2e2e30;border-bottom:1px solid #2e2e30}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:right;overflow:hidden;padding:25px 27px 23px;min-height:255px;border-radius:15px;background:#212123;border:1px solid #3c3c3e;transition:transform .25s,border-color .25s,background .25s}.step-card:hover{transform:translateY(-5px);border-color:#2cb661;background:#28282a}.step-index{position:absolute;left:23px;top:8px;font:700 77px var(--english);color:rgba(114,180,132,.10);direction:ltr}.step-icon{display:grid;place-items:center;width:51px;height:51px;background:#333335;color:#47ed82;border:1px solid #454547;border-radius:13px;margin-bottom:23px}.step-icon .icon{width:25px;height:25px}.step-card h3{margin:0;font-size:14px;font-weight:900}.step-card p{font-size:11px;color:#a7a7a9;line-height:2;margin:10px 0 18px}.step-link{display:flex;align-items:center;gap:7px;color:#43e57d;font-size:10px;font-weight:800;margin-top:auto}
.final-cta{background:var(--bg)}.cta-box{position:relative;overflow:hidden;border:1px solid #107b3e;border-radius:22px;background:linear-gradient(110deg,#29292b,#222224 52%,#212123);padding:56px 62px;display:flex;align-items:center;justify-content:space-between;gap:30px;isolation:isolate}.cta-box:before{content:"";position:absolute;left:-150px;top:-250px;width:600px;height:600px;background:radial-gradient(circle,rgba(89,232,125,.12),transparent 70%);z-index:-1}.cta-grid-deco{position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,rgba(122,224,148,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(122,224,148,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to left,black,transparent 90%)}.cta-content{position:relative;z-index:1}.cta-small{display:flex;gap:11px;align-items:center;color:#3edc77;font:700 12px var(--english);letter-spacing:2.5px;direction:ltr;justify-content:flex-end}.cta-content h2{font-size:clamp(28px,3.7vw,49px);font-weight:900;letter-spacing:-1.8px;margin:7px 0}.cta-content h2 span{color:#48f083}.cta-content p{font-size:12px;color:#c6c6c8;line-height:2;margin:0 0 25px}.cta-emblem{position:relative;width:250px;height:250px;flex:none;display:grid;place-items:center}.cta-emblem:before{content:"";position:absolute;inset:-4px;border:1px solid rgba(144,241,161,.27);border-radius:50%;box-shadow:0 0 0 25px rgba(127,203,141,.035),0 0 0 48px rgba(127,203,141,.025);border-style:dashed}.cta-emblem img{filter:drop-shadow(0 0 25px rgba(81,226,125,.2))}
.footer{background:#1b1b1d;border-top:1px solid #353537}.footer-main{min-height:180px;display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-brand{min-width:188px}.footer-brand .brand-name{font-size:22px}.footer-main p{max-width:315px;font-size:10px;line-height:2;color:#929294}.footer-links{display:flex;gap:25px}.footer-links a,.footer-links button{font-size:10px;color:#b8b8ba;background:none;padding:0;transition:color .2s}.footer-links a:hover,.footer-links button:hover{color:var(--green)}.footer-end{min-height:55px;border-top:1px solid #2d2d2f;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7e7e80;font-size:9px}.footer-end>span:last-child{font:600 10px var(--english);letter-spacing:1.2px}.footer-spark{color:#43e57d;margin-left:5px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:80;width:min(500px,calc(100vw - 30px));display:flex;align-items:center;gap:10px;padding:14px 15px;border:1px solid #188d48;background:#313133;color:#f5f5f7;box-shadow:0 15px 55px #0009;border-radius:13px;font-size:11px;line-height:1.8}.toast>span{flex:1}.toast>button{background:none;color:#47ec81;padding:4px}.toast>.icon{color:#46eb80}
@media(max-width:1060px){.shell{width:min(100% - 46px,1130px)}.desktop-nav{gap:20px}.hero-layout{gap:5px}.hero-art{scale:.87;transform-origin:center}.hero-heading h1{font-size:clamp(65px,7.5vw,88px)}.hero-copy h2{font-size:24px}.cta-box{padding:45px}.cta-emblem{width:180px;height:180px}.cta-emblem img{width:150px;height:150px}}
@media(max-width:760px){html{scroll-padding-top:75px}.shell{width:calc(100% - 34px)}.announcement-bar{height:29px;font-size:9px}.english-ann,.ann-sep{display:none}.header-inner{min-height:69px}.brand{min-width:0}.brand img{width:40px;height:40px}.brand-name{font-size:21px}.brand-name small{font-size:8px;letter-spacing:1.7px}.desktop-nav,.header-discord{display:none}.mobile-menu-btn{display:grid;place-items:center}.hero-layout{grid-template-columns:1fr;gap:0;min-height:0;padding-top:0}.hero-copy{text-align:center;padding:72px 0 13px}.eyebrow{justify-content:center;font-size:10px;margin-bottom:24px}.hero-heading h1{font-size:clamp(74px,16vw,112px);text-align:center}.hero-kicker{font-size:16px}.hero-copy h2{font-size:clamp(20px,4.4vw,26px);margin-top:27px}.hero-summary{margin:8px auto 26px;max-width:540px}.hero-buttons{justify-content:center}.hero-footnote{justify-content:center;margin-top:20px}.hero-art{height:390px;max-width:430px;scale:.77;margin-top:-28px;margin-bottom:-48px}.art-grid-label{font-size:10px}.hero-bottom{height:56px}.benefits{grid-template-columns:1fr;min-height:0}.benefit{justify-content:flex-start;padding:18px 22px}.benefit:not(:last-child){border-left:none;border-bottom:1px solid #353537}.section-pad{padding:74px 0}.rules-header,.steps-header{margin-bottom:24px}.section-num{display:none}.section-heading{font-size:29px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-card{min-height:146px;padding:16px}.category-icon{width:36px;height:36px;margin-bottom:13px}.category-title{font-size:12px}.category-text{font-size:9px}.category-index{left:14px;top:10px}.category-arrow{bottom:15px;left:13px}.rules-toolbar{flex-wrap:wrap}.search-field{width:100%}.categories-counter{margin-right:auto}.rules-panel-head{padding:19px;gap:10px}.panel-icon{width:48px;height:48px}.panel-heading h3{font-size:15px}.panel-heading p{font-size:10px}.rule-count{font-size:9px}.rules-list{padding:5px 19px}.rule-content{padding:0 41px 15px 5px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:207px;padding:23px}.step-icon{margin-bottom:15px}.cta-box{padding:37px 24px;display:block;text-align:center}.cta-small{justify-content:center}.cta-content h2{font-size:30px}.cta-buttons{justify-content:center}.cta-emblem{display:none}.footer-main{padding-top:35px;padding-bottom:32px;min-height:0;flex-direction:column;text-align:center;gap:16px}.footer-main p{margin:0}.footer-links{flex-wrap:wrap;justify-content:center}.footer-end{padding-top:13px;padding-bottom:13px;text-align:center;flex-direction:column}.scroll-prompt{font-size:9px}.hero-bottom-right{font-size:9px;letter-spacing:1px}}
@media(max-width:450px){.hero-copy{padding-top:57px}.hero-heading h1{font-size:73px}.hero-copy h2{font-size:20px}.hero-buttons{flex-direction:column;align-items:stretch;gap:9px}.hero-buttons .btn{min-height:49px}.hero-art{margin-top:-10px;height:375px;scale:.66;margin-bottom:0}.hero-summary{font-size:11px}.hero-bottom-right{display:none}.category-grid{gap:9px}.category-card{min-height:144px}.category-text{font-size:9px}.section-heading{font-size:26px}.panel-description{display:none}.panel-heading p{font-size:9px}.rule-count{padding:5px 9px}.rules-panel-head{gap:8px}.rule-item summary{gap:9px}.rule-title{font-size:11px}.rule-content{font-size:10px}.footer-end{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* =======================================================
   SHaDoW City RP / Official graphite + emblem green
   Derived from the supplied green & silver city insignia.
   ======================================================= */
:root{
  color-scheme:dark;
  --bg:#171719;
  --bg-alt:#1c1d1f;
  --panel:#222326;
  --panel2:#292a2d;
  --line:#35383b;
  --line2:#464a4d;
  --white:#f3f3f4;
  --muted:#a8adaf;
  --muted2:#868e90;
  --green:#50ed81;
  --green-bright:#4af07e;
  --green-deep:#0d8344;
  --silver:#a8a9a9;
}
body{background:#171719;color:#f2f2f3}
.announcement-bar{background:linear-gradient(90deg,#191a1d,#232427,#191a1d);color:#c1c5c5;border-color:#35383b}
.ann-dot,.dot-glow{background:#58f78a;box-shadow:0 0 12px rgba(83,244,135,.45)}
.ann-sep{border-color:#4e5153}
.site-header{background:rgba(24,24,26,.93);border-color:#37383a;box-shadow:0 10px 35px #09090936}
.brand img{object-fit:contain;filter:drop-shadow(0 0 8px rgba(68,241,127,.21))}
.brand-name strong{color:#53ee81}
.brand-name small{color:#a8adb0}
.desktop-nav a{color:#b0b3b4}
.desktop-nav a:hover,.desktop-nav .is-current{color:#f1f4f3}
.header-discord{background:linear-gradient(145deg,#292e2b,#222426);border-color:#4f6c58;color:#edf4ee}
.header-discord:hover{background:#303f35;border-color:#5bf18d}
.mobile-menu-btn,.mobile-nav{background:#242527;border-color:#484a4c}
.mobile-nav a,.mobile-nav button{border-color:#3a3d40}
.hero{background:radial-gradient(ellipse at 82% 20%,rgba(45,74,58,.21),transparent 49%),linear-gradient(145deg,#1c1c1f 0%,#171719 76%,#1b1c1d 100%)}
.hero-grid-bg{opacity:.38;background-image:linear-gradient(to right,rgba(194,203,201,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(194,203,201,.052) 1px,transparent 1px)}
.hero-spotlight{background:radial-gradient(circle,rgba(47,185,89,.10),transparent 65%)}
.eyebrow{color:#b7c0bd}.eyebrow .icon{color:#60f08d}.eyebrow-line{background:#727678}
.hero-kicker{color:#e6e8e8}.hero-heading h1{color:#f4f4f5}.hero-heading h1 em{color:#53ed82;text-shadow:0 3px 42px #4ff08426}
.hero-heading h1 em span{color:#b1b5b4}
.hero-copy h2{color:#f5f5f5}.hero-copy h2 span{color:#52e982}
.hero-summary{color:#b0b4b6}
.btn-primary{background:linear-gradient(125deg,#63f98b 0%,#44dd71 52%,#168e49 100%);color:#111c15;border:1px solid #8bffaf;box-shadow:inset 0 1px #d3ffe366,0 10px 34px #1ec96025}
.btn-primary:hover{box-shadow:0 11px 45px #26d66745}
.btn-outline{background:#252729;border-color:#5a5e60;color:#f2f4f3}
.btn-outline:hover{background:#303536;border-color:#68d78b}
.hero-footnote{color:#a3a8a8}.mini-seal{background:#303235;border-color:#56595a;color:#52ee81}
.art-orbit{border-color:#a5a9aa2d}.orbit-inner{border-color:#45b47136}.art-orbit:after{border-color:#ffffff09}
.art-grid-label{color:#9da3a4}
.art-poster{background:linear-gradient(145deg,#282a2c,#1c1e20);border:1px solid #8f9392;box-shadow:18px 31px 65px #000a,0 0 80px #27bb5b16}
.art-poster:after{box-shadow:inset 0 0 80px #0006;border:10px solid #d7d8d806}
.art-poster:before{background:linear-gradient(90deg,#868c89,#53ee85 36%,#068141 90%)}
.poster-title{color:#e4e6e5}.poster-code{color:#959d99}
.poster-bottom{background:#242628;border-top-color:#525758;color:#cdd0cf}
.barcode{color:#a6adaa}
.poster-brandmark{position:absolute;top:52%;left:50%;width:240px;height:240px;transform:translate(-50%,-50%);z-index:1;display:grid;place-items:center}
.poster-brandmark:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid #9ca29c44;box-shadow:0 0 0 25px #ffffff05,0 0 50px #1ad56722;background:radial-gradient(circle,#222527dd 0%,#191b1be8 65%,transparent 70%)}
.poster-logo-halo{position:absolute;width:188px;height:188px;border-radius:50%;background:radial-gradient(circle,#48d26e24,transparent 70%);filter:blur(20px)}
.poster-brandmark img{position:relative;object-fit:contain;filter:drop-shadow(0 10px 9px #0008) drop-shadow(0 0 14px #4df87e3a)}
.floating-stamp{background:#26282af2;border-color:#7d8380;box-shadow:0 14px 30px #0009}
.floating-stamp img{object-fit:contain}.floating-stamp b{color:#53ed82}
.hero-bottom{border-color:#414344}.scroll-prompt{color:#acb0b0}.scroll-mouse{border-color:#727b75}.hero-bottom-right{color:#aaaeb1}
.benefits-wrap{background:linear-gradient(90deg,#222325,#262729,#222325);border-color:#434548}
.benefit:not(:last-child){border-color:#434547}.benefit-icon{background:#303333;border-color:#515b53;color:#5df188}.benefit small{color:#a7acad}
.rules-section{background:radial-gradient(ellipse at 8% 50%,rgba(52,87,65,.095),transparent 48%),#171719}
.section-topline{color:#a2a8a7}.section-topline>span:first-child{color:#55e184}.section-topline .small-line{background:#707576}
.section-eyebrow{color:#55dd7d}.section-heading span{color:#58ed89}.section-description{color:#a9afb1}.section-num{color:#2a2e2c}.section-num span{color:#58625c}
.search-field{background:#242629;border-color:#46494b;color:#56e583}.search-field:focus-within{border-color:#55ea86;box-shadow:0 0 0 3px #43e87e18}
.search-field input{color:#f5f5f5}.search-field input::placeholder{color:#9ba1a2}.search-field kbd{color:#9ca4a1}
.categories-counter{color:#bec2c2}.categories-counter strong{color:#58ec85}
.category-card{background:linear-gradient(155deg,#252729,#1e2022);border-color:#424547;box-shadow:inset 0 1px #ffffff07}
.category-card::before{background:radial-gradient(circle,#44df7721,transparent 69%)}
.category-card:hover{border-color:#63de86;background:#292d2b}
.category-card.is-selected{background:linear-gradient(145deg,#2a3430,#212627);border-color:#5ff28a;box-shadow:inset 0 0 0 1px #91ffaa15,0 14px 36px #0005}
.category-icon{background:linear-gradient(145deg,#353b37,#292d2c);border-color:#57635a;color:#5cf38a}
.category-title{color:#f6f7f6}.category-text{color:#b0b4b4}.category-arrow{color:#56d67f}.category-index{color:#9ba29f}
.category-card.is-selected:after{background:#58f58b;box-shadow:0 0 12px #58f58b65}
.rules-panel{background:linear-gradient(160deg,#242628,#1b1c1e);border-color:#464a4b}
.rules-panel-head{background:linear-gradient(100deg,#2850353c,transparent 75%);border-color:#424848}
.panel-icon{background:#303835;border-color:#5a7361;color:#61f28b}
.panel-kicker{color:#5ae384}.panel-heading p{color:#aab0ad}
.rule-count{background:#2e3932;border-color:#506b57;color:#a0f3b5}
.rule-item{border-color:#3b4040}.rule-id{color:#4edc79}.rule-title{color:#e9ebea}
.rule-expand{background:#333737;border-color:#59645b;color:#6bef96}.rule-item[open] .rule-expand{background:#375440}
.rule-content{color:#b9bfc0}
.no-results{color:#a3b7a9}.no-results h4{color:#f4f6f4}
.steps-section{background:#202123;border-color:#3e4142}.step-card{background:linear-gradient(145deg,#292a2d,#222326);border-color:#494c4e}
.step-card:hover{background:#303532;border-color:#69db89}.step-index{color:#7eae8725}.step-icon{background:#303735;border-color:#536d5b;color:#5dec87}
.step-card p{color:#afb5b5}.step-link{color:#68ee91}
.final-cta{background:#171719}.cta-box{background:linear-gradient(110deg,#2b3030,#242629 52%,#202123);border-color:#707a70}
.cta-box:before{background:radial-gradient(circle,#2dda6a20,transparent 68%)}
.cta-grid-deco{background:linear-gradient(to right,#ffffff0c 1px,transparent 1px),linear-gradient(to bottom,#ffffff0a 1px,transparent 1px);background-size:44px 44px}
.cta-small{color:#59ec86}.cta-content h2 span{color:#62f08c}.cta-content p{color:#c1c6c5}
.cta-emblem:before{border-color:#9db8a148;box-shadow:0 0 0 25px #c1d3c009,0 0 0 48px #c1d3c005}
.cta-emblem img{width:198px;height:205px;object-fit:contain;filter:drop-shadow(0 0 20px #44e47b55)}
.footer{background:#191a1c;border-color:#414447}.footer-main p{color:#afb3b4}.footer-links a,.footer-links button{color:#c2c6c5}.footer-end{border-color:#333638;color:#949b9d}
.toast{background:#282e2b;border-color:#658875;color:#e6f8e9}.toast>.icon{color:#61eb8e}
@media(max-width:760px){.benefit:not(:last-child){border-bottom-color:#414447}.cta-emblem{display:none}}


/* ==========================================================
   SHaDoW CITY RP — ambient motion & high-clarity edition
   Cinematic graphite / silver / official logo green.
   Every ambient motion is CSS-only. Pointer effects are
   event-driven and are disabled with reduced motion.
   ========================================================== */
:root{
  --hairline:#666c69;
  --bright-edge:rgba(174,187,179,.45);
  --mint-rim:rgba(81,236,132,.55);
  --readable-muted:#bdc3c0;
}
/* Crisper microcopy and interface dividers without over-bright neon. */
.announcement-bar{border-bottom-color:#535a55;}
.site-header{border-bottom-color:#4a534d;}
.brand-name small{color:#b9c2be;}
.desktop-nav a{color:#c0c7c3;}
.desktop-nav a:after{transition:box-shadow .25s,background .25s;}
.english-ann{color:#9edbac;}
.header-discord{border-color:#6e8977;}
.header-discord:hover{box-shadow:0 5px 24px #16b55c28;}

/* Glowing depth and gently wandering atmospheric rays. */
.hero{--pointer-x:68%;--pointer-y:36%;}
.hero::before{
  content:"";position:absolute;z-index:-1;inset:-12% -8%;pointer-events:none;
  background:radial-gradient(ellipse 24% 35% at 27% 50%,#29bb6325,transparent 78%),
             radial-gradient(ellipse 28% 28% at 75% 40%,#8b989824,transparent 79%);
  filter:blur(13px);opacity:.78;
  animation:ambient-drift 22s ease-in-out infinite alternate;
}
.hero::after{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(460px circle at var(--pointer-x) var(--pointer-y),#45d87a1a 0%,#90aea20c 43%,transparent 76%);
  opacity:.85;
  transition:opacity .5s;
}
.hero-grid-bg{opacity:.63;background-image:
  linear-gradient(to right,rgba(183,202,190,.105) 1px,transparent 1px),
  linear-gradient(to bottom,rgba(183,202,190,.095) 1px,transparent 1px);
  background-size:68px 68px;
  mask-image:linear-gradient(to bottom,black 8%,#000a 54%,transparent 94%);
}
.hero-spotlight{background:radial-gradient(circle,#3ed77b24 0%,#438d5e0d 38%,transparent 69%);}
.hero-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden;}
.atmosphere-beam{position:absolute;width:2px;height:580px;top:-85px;left:17%;
  background:linear-gradient(180deg,transparent,#80a78c4c 40%,#3ee4792d 59%,transparent);
  transform:rotate(37deg);transform-origin:top center;filter:blur(.4px);opacity:.45;
  animation:light-pass 19s ease-in-out infinite alternate;
}
.atmosphere-beam-b{left:77%;top:5%;height:730px;opacity:.28;transform:rotate(37deg);animation-delay:-9s;}
.atmosphere-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#88e8a1;opacity:.5;box-shadow:0 0 14px #4be88a;
  animation:glimmer 7s ease-in-out infinite alternate;
}
.atmosphere-spark-a{top:25%;left:9%;}
.atmosphere-spark-b{top:72%;left:48%;animation-delay:-4s;width:3px;height:3px;}
.atmosphere-spark-c{top:19%;right:11%;animation-delay:-2s;width:2px;height:2px;}
@keyframes ambient-drift{from{transform:translate3d(-3%,0,0) rotate(-6deg)}to{transform:translate3d(4%,3%,0) rotate(5deg)}}
@keyframes light-pass{0%{translate:-65px -20px;opacity:.18}100%{translate:115px 65px;opacity:.56}}
@keyframes glimmer{0%,100%{opacity:.14;transform:scale(.7)}55%{opacity:.54;transform:scale(1.25)}}

/* Hero: thin technical details are now actually visible. */
.eyebrow{color:#d0d8d3;}
.eyebrow-line{height:1px;background:#8b9690;box-shadow:0 0 7px #7bd69724;}
.hero-summary,.hero-footnote{color:#c4cac7;}
.hero-bottom{border-top:1px solid #646f68;}
.hero-bottom-right,.scroll-prompt{color:#becbc1;}
.scroll-mouse{border-color:#789a81;}
.tiny-circle{box-shadow:0 0 11px #53ed82;}
.art-orbit{border-color:#c5d5c13b;}
.orbit-outer{border-color:#a1b6a14c;animation:orbit-rotate 105s linear infinite;}
.orbit-inner{border-color:#4bc87977;animation:orbit-rotate 75s linear infinite reverse;}
.art-orbit:after{border-color:#b6c6bb26;}
.orbit-axis{position:absolute;left:50%;top:50%;height:1px;width:435px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#83978852 24%,#85e5a141 50%,#83978852 76%,transparent);
  opacity:.8;transform:translate(-50%,-50%) rotate(-23deg);
}
.orbit-axis-y{transform:translate(-50%,-50%) rotate(70deg);width:345px;opacity:.48;}
@keyframes orbit-rotate{from{rotate:0deg}to{rotate:360deg}}
.art-grid-label{color:#d3dbd4;text-shadow:0 2px 15px #000c;font-weight:700;}
.art-poster{
  border-color:#b1b7b2;box-shadow:20px 33px 75px #000c,0 0 70px #29ae5830,0 0 0 1px #8d97932a;
  translate:var(--poster-x,0px) var(--poster-y,0px);
  animation:poster-hover 9s ease-in-out infinite;
  transition:translate .48s cubic-bezier(.2,.7,.2,1),box-shadow .4s;
  backface-visibility:hidden;
}
@keyframes poster-hover{
  0%,100%{transform:rotate(-6deg) translateX(8px) translateY(0)}
  50%{transform:rotate(-5.3deg) translateX(8px) translateY(-9px)}
}
.hero.is-pointer-active .art-poster{box-shadow:24px 39px 84px #000d,0 0 82px #32dd7433,0 0 0 1px #d4e5d14d;}
.art-poster:before{height:5px;box-shadow:0 0 12px #48f28f77;}
.art-poster:after{border-color:#cbd5cd10;}
.poster-title{color:#f3f7f3;text-shadow:0 2px 15px #000c;font-size:30px;letter-spacing:1.15px;}
.poster-code{color:#c9d2ca;}
.city-illustration svg{filter:brightness(1.17) contrast(1.07);}
.poster-bottom{border-top:1px solid #84938a;color:#e1e8e2;}
.poster-bottom>span:first-child{color:#e2eee6;}
.barcode{color:#b7c6bc;}
.poster-sheen{position:absolute;inset:-85% auto auto -85%;width:80%;height:250%;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,transparent,#ddffea0b 44%,#f0fff317 52%,transparent 60%);
  transform:rotate(28deg);animation:sheen-slide 16s ease-in-out infinite;
}
@keyframes sheen-slide{0%,27%{translate:0 0;opacity:0}35%{opacity:.65}63%{translate:730px 0;opacity:.3}100%{translate:730px 0;opacity:0}}
.poster-brandmark:before{border-color:#b7cdb36b;box-shadow:0 0 0 25px #ffffff07,0 0 55px #1ad56730;}
.poster-brandmark img{filter:drop-shadow(0 12px 10px #000b) drop-shadow(0 0 16px #4df87e40);}
.floating-stamp{
  border-color:#acb8ad;background:#292c2cf7;
  box-shadow:0 17px 42px #000b,0 0 0 1px #ffffff12;
  translate:var(--stamp-x,0px) var(--stamp-y,0px);
  animation:stamp-hover 10s ease-in-out infinite;
  transition:translate .52s cubic-bezier(.2,.7,.2,1);
}
@keyframes stamp-hover{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(7.8deg) translateY(-6px)}}
.floating-stamp span{color:#f6f9f6;}

/* Cards react to mouse position with restrained silver-green spotlight. */
.category-card,.step-card{--local-x:50%;--local-y:50%;}
.category-card::before{inset:0;left:auto;bottom:auto;width:auto;height:auto;z-index:-1;
  background:radial-gradient(260px circle at var(--local-x) var(--local-y),#5af48b20,transparent 74%);
  opacity:.45;transition:opacity .3s;
}
.step-card::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(260px circle at var(--local-x) var(--local-y),#58e88b20,transparent 74%);
  opacity:0;transition:opacity .25s;
}
@media(hover:hover) and (pointer:fine){
  .category-card:hover::before,.step-card:hover::before{opacity:1;}
  .category-card:hover,.step-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px #0006,0 0 0 1px #68f59a20;}
  .step-card:hover{border-color:#76dca0;}
  .btn:hover{transform:translateY(-3px) scale(1.012);}
}
.category-card{border-color:#585f5c;}
.category-index{color:#a5b3a7;}
.category-arrow{color:#8ceaaa;}
.category-card.is-selected{border-color:#78f39d;}
.step-card{border-color:#5b615f;}
.step-index{color:#7cb78e40;}
.step-link{color:#94f0b0;}
.benefits-wrap,.steps-section{border-color:#515a54;}
.benefit:not(:last-child){border-color:#505e53;}
.section-topline .small-line{background:#8a9890;}
.section-num{color:#45544a;}
.section-num span{color:#899b8c;}
.search-field{border-color:#606b64;}
.rules-panel{border-color:#5b6760;}
.rules-panel-head{border-color:#52665a;}
.rule-item{border-color:#4b5750;}
.rule-content{color:#c7ceca;}
.rule-id{color:#86e9a2;}
.rule-expand{border-color:#6c8872;}
.footer{border-color:#555d57;}
.cta-box{border-color:#7b9f84;box-shadow:0 25px 66px #0006,0 0 70px #2ec06512;}
.cta-grid-deco{opacity:.85;background-image:linear-gradient(to right,#e1f4e71c 1px,transparent 1px),linear-gradient(to bottom,#e1f4e71a 1px,transparent 1px);}
.cta-emblem img{animation:cta-breathe 8s ease-in-out infinite;}
@keyframes cta-breathe{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 16px #41db7660)}50%{transform:translateY(-9px);filter:drop-shadow(0 0 22px #41db7680)}}
.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,.82,.22,1);}
.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1!important;transform:none!important;}}
/* Keyboard users see the same clear affordance as pointer users. */
.category-card:focus-visible,.step-card:focus-visible,.btn:focus-visible{outline:2px solid #88f7a9;outline-offset:3px;}
/* Mobile / touch: restrained movement and no hover-follow work. */
@media(max-width:760px){
  .hero-atmosphere{opacity:.32;}
  .hero-grid-bg{opacity:.45;}
  .art-orbit{border-width:1px;animation:none;}
  .art-grid-label{letter-spacing:2px;}
  .art-poster{animation-duration:12s;}
  .poster-sheen{animation:none;opacity:.10;}
}
@media(prefers-reduced-motion:reduce){
  .hero::before,.hero-grid-bg,.art-orbit,.poster-sheen,.cta-emblem img,.atmosphere-beam,.atmosphere-spark,.art-poster,.floating-stamp{animation:none!important;}
  .hero::after{display:none;}
  .art-poster{transform:rotate(-6deg) translateX(8px)!important;translate:0 0!important;}
  .floating-stamp{transform:rotate(7deg)!important;translate:0 0!important;}
}


/* Clean editorial version — remove nonfunctional text, make the official content prominent. */
.hero-bottom {justify-content:center;}
.hero-bottom .scroll-prompt {font-size:11px;}
.art-poster {background:#212325;}
.city-illustration {inset:0;}
.city-illustration:after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#16191b55 0%,transparent 25%,transparent 70%,#15171999 100%);}
.poster-brandmark {top:51%;}
.rules-header {margin-bottom:32px;}
.rules-section {scroll-margin-top:76px;}
.final-cta {scroll-margin-top:85px;}
.footer-end {justify-content:center;}
.footer-main {gap:22px;}
/* An accessible focus target with responsive spacing after duplicate sections were removed. */
@media (max-width:760px) {
  .hero-bottom .scroll-prompt {font-size:10px;}
  .rules-header {margin-bottom:25px;}
}


/* Full-width section transition: edge-to-edge hairline under the scroll cue.
   It separates hero from rules, while the original inner top rule stays subtle. */
.hero{border-bottom:1px solid #5f6962;}
.rules-section{position:relative;}
.rules-section::before{content:"";position:absolute;inset:0 0 auto;pointer-events:none;height:14px;background:linear-gradient(180deg,rgba(105,123,110,.085),transparent);}

/* Official rules edition — stripped announcement and separated police SOP. */
html{scroll-padding-top:86px}
.site-header{border-bottom-color:#667469}
.intro-section{position:relative;padding:64px 0 67px;background:linear-gradient(145deg,#1e2021,#1b1c1e 65%,#202423);border-bottom:1px solid #5c6961}
.intro-layout{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(275px,.8fr);gap:40px;align-items:start}
.intro-tag,.police-overline{display:inline-flex;align-items:center;gap:9px;color:#65ee90;font-size:11px;font-weight:800;margin-bottom:16px}
.intro-main h2{font-size:clamp(24px,2.7vw,35px);line-height:1.6;margin:0 0 15px;letter-spacing:-.8px}
.intro-main h2 span{color:#5fee90}
.intro-main p{max-width:760px;color:#c3cbc6;font-size:12.5px;line-height:2.25;margin:0 0 11px}
.intro-side{display:grid;gap:14px;padding-top:8px}
.intro-note,.intro-help{border:1px solid #5b6a5d;border-radius:15px;background:linear-gradient(145deg,#2c3130,#242728);padding:20px;display:flex;align-items:flex-start;gap:14px}
.intro-note>.icon,.intro-help>.icon{width:23px;height:23px;color:#62ef8d;flex:none}
.intro-note strong,.intro-help strong{color:#f5f8f5;font-size:13px}
.intro-note p,.intro-help p{margin:7px 0 0;color:#c7d0c8;line-height:2;font-size:11.5px}
.intro-help{border-color:#52595b;background:#28292b}
.intro-help kbd{font:700 13px var(--english);padding:3px 9px;margin:0 3px;color:#6af294;background:#1e2822;border:1px solid #52735b;border-radius:6px;direction:ltr;display:inline-block}
.rules-section{border-bottom:1px solid #4c5750}
.rule-content{white-space:pre-line;overflow-wrap:anywhere;line-height:2.2;font-size:12px;color:#d3d9d4}
.rules-panel,.police-panel{scroll-margin-top:110px}
.police-section{position:relative;background:radial-gradient(ellipse at 90% 1%,#23432b2a,transparent 38%),linear-gradient(175deg,#1d1f20,#171819);border-bottom:1px solid #566259;scroll-margin-top:75px}
.police-heading-row{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-bottom:23px}
.police-heading-row .section-description{max-width:710px}
.police-head-icon{width:78px;height:78px;display:grid;place-items:center;border:1px solid #608267;border-radius:21px;background:radial-gradient(circle,#345b3c55,#252a27);flex:none}
.police-head-icon .icon{width:39px;height:39px;color:#65ee91}
.police-description{font-size:12px;color:#bbc8bd;margin:0 0 24px;padding:15px 20px;background:#292d2a;border-right:3px solid #5cf088;border-radius:10px;line-height:1.95}
.police-grid .category-card{min-height:137px}
.police-grid .category-card.is-selected{border-color:#a3ffbd}
.police-panel{border-color:#687e6f}
@media(max-width:760px){
  html{scroll-padding-top:76px}
  .intro-section{padding:42px 0 45px}
  .intro-layout{grid-template-columns:1fr;gap:22px}
  .intro-main p{font-size:11.5px}
  .intro-side{grid-template-columns:1fr;gap:11px;padding:0}
  .intro-note,.intro-help{padding:16px}
  .police-head-icon{width:55px;height:55px;border-radius:14px}
  .police-head-icon .icon{width:28px;height:28px}
  .police-heading-row{gap:16px}
  .police-description{font-size:11px}
  .rule-content{font-size:11px}
}
@media(max-width:450px){.intro-main h2{font-size:24px}.police-head-icon{display:none}.police-grid .category-card{min-height:141px}}

/* Navigation remains readable when four menu links compete for horizontal space. */
@media(max-width:1050px){
  .desktop-nav,.header-discord{display:none}
  .mobile-menu-btn{display:grid;place-items:center}
}

/* Category cards jump to their expanded rule panel with room for the sticky header. */
.rules-panel,.police-panel{scroll-margin-top:112px}
@media(max-width:760px){
  .rules-panel,.police-panel{scroll-margin-top:88px}
}