.fivem-main{max-width:1400px;margin:auto;padding:170px 5% 90px}.fivem-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:70px;padding-bottom:80px}.fivem-intro h1{font-size:clamp(58px,6.3vw,94px);line-height:1.02;margin:22px 0;color:#c4bdcd}.fivem-intro h1 span{color:#a795be}.fivem-intro p{max-width:440px;line-height:1.7}.connection-card{min-width:0;display:flex;align-items:flex-start;flex-direction:column;padding:36px;border:1px solid #bba8cc29;border-radius:24px;background:linear-gradient(135deg,#b6a3ca16,#b6a3ca04);box-shadow:inset 0 1px #ddc9ed18;backdrop-filter:blur(20px)}.connection-card img{width:90px;height:50px;object-fit:contain;margin-bottom:35px}.connection-card strong{font-family:'PLS Display',sans-serif;font-size:clamp(24px,2.5vw,36px);margin:14px 0 2px}.connection-card p{font-size:14px}.connection-card code{font-family:'PLS Body',sans-serif;font-size:14px;color:#b7a9c5;overflow-wrap:anywhere;padding:15px 0;margin-bottom:10px}.connection-card .btn{width:100%}.connection-card #copy-result{min-height:20px;margin:10px 0 0}.data-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.data-heading h2{margin:12px 0}.snapshot-label{font-size:12px;white-space:nowrap;border:1px solid #ad9bb535;background:#b29bc00b;padding:10px 15px;border-radius:100px;color:#a99ab8}.fivem-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 18px}.fivem-stats article{padding:30px;border-radius:20px;border:1px solid #bba8cc24;background:linear-gradient(130deg,#b6a3ca0e,transparent)}.fivem-stats article>span{font-size:11px;letter-spacing:1px;color:#958b9e}.fivem-stats strong{display:block;font-family:'PLS Display',sans-serif;font-size:72px;color:#b9aac8;line-height:1.2;margin-top:18px}.fivem-stats p,.data-disclaimer,#data-note{font-size:14px;line-height:1.7}.resources-section{margin-top:70px}.resources-section>p{max-width:740px;font-size:15px;line-height:1.7}.resource-search{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#a99bb7;width:min(100%,300px)}.resource-search input{border:1px solid #bba8cc35;background:#b6a3ca09;color:#c7bfce;padding:15px 17px;border-radius:12px;min-height:48px;min-width:0;font:inherit}.resource-search input:focus-visible{outline:2px solid #a895bd;outline-offset:3px}.resource-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;max-height:520px;overflow:auto;scrollbar-color:#796985 #19171d}.resource-list li{padding:17px 19px;border:1px solid #bba8cc1f;border-radius:10px;background:#b6a3ca06;color:#a89cb4;font-size:14px;overflow-wrap:anywhere}.fivem .fivem-intro{animation:content-arrive .6s ease both}@media(max-width:900px){.fivem-intro{gap:30px}.connection-card{padding:25px}.fivem-stats article{padding:23px}}@media(max-width:700px){.fivem-main{padding:120px 6% 55px}.fivem-intro{grid-template-columns:1fr;gap:30px;padding-bottom:48px}.fivem-intro h1{font-size:clamp(49px,12vw,78px)}.fivem-intro .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.connection-card{padding:25px}.connection-card img{margin-bottom:20px}.connection-card strong{font-size:30px}.data-heading{align-items:flex-start;flex-direction:column;gap:8px}.data-heading h2{font-size:36px}.fivem-stats{grid-template-columns:1fr;gap:12px}.fivem-stats article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 15px}.fivem-stats strong{grid-column:2;grid-row:1/3;font-size:52px;margin:0}.fivem-stats p{grid-column:1;margin:0}.fivem-stats article>span{line-height:1.5}.resources-section{margin-top:45px}.resource-search{width:100%;margin:14px 0}.resource-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:420px}.resource-list li{padding:14px 12px;font-size:13px}}@media(max-width:350px){.fivem-intro .actions,.resource-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.fivem .fivem-intro{animation:none}}