.playgrounds-page{background:var(--neo-bg);color:var(--neo-black);min-height:100vh}.playgrounds-page .page-wrap{max-width:1400px;margin:0 auto;padding:40px 32px 80px}.playgrounds-page .sections-wrap{display:flex;flex-direction:column;gap:64px}.playgrounds-page .pg-section{animation:playgrounds-fade-up .5s ease both}@keyframes playgrounds-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.playgrounds-page .section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:24px}.playgrounds-page .section-title-block{display:flex;align-items:center;gap:14px}.playgrounds-page .section-color-bar{width:6px;border-radius:3px;flex-shrink:0;align-self:stretch;min-height:40px}.playgrounds-page .section-name{font-family:var(--neo-font-display);font-size:26px;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;line-height:1}.playgrounds-page .section-desc{font-family:var(--neo-font-body);font-size:13px;opacity:.6;margin-top:4px;line-height:1.4;max-width:760px}.playgrounds-page .section-env-count{font-family:var(--neo-font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:var(--neo-black);color:var(--neo-yellow);padding:6px 14px;border-radius:5px;white-space:nowrap;flex-shrink:0;align-self:flex-start;margin-top:4px}.playgrounds-page .card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.playgrounds-page .pg-card{display:flex;flex-direction:column;width:100%;border:var(--neo-border-thick);border-radius:12px;overflow:hidden;background:var(--neo-white);color:inherit;transition:all .18s;cursor:pointer;box-shadow:var(--neo-shadow-md);position:relative;aspect-ratio:1/1}.playgrounds-page .pg-card:hover{transform:translate(-4px,-4px);box-shadow:var(--neo-shadow-lg)}.playgrounds-page .pg-card:hover .card-launch{background:var(--neo-yellow);color:var(--neo-black)}.playgrounds-page .pg-card:hover .launch-arrow{transform:translateX(4px)}.playgrounds-page .pg-card:hover .card-title{text-decoration:underline;text-decoration-thickness:3px}.playgrounds-page .card-cover{width:100%;height:40%;border-bottom:var(--neo-border-thin);background:var(--neo-bg-alt);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.playgrounds-page .card-cover .cover-img{width:100%;height:100%;object-fit:cover}.playgrounds-page .card-cover .cover-logo-img{width:auto;height:72%;max-width:82%;transition:transform .2s ease}.playgrounds-page .card-cover .cover-logo-icon{font-size:92px;color:rgba(26,26,26,.7);transition:transform .2s ease}.playgrounds-page .pg-card:hover .card-cover .cover-logo-icon,.playgrounds-page .pg-card:hover .card-cover .cover-logo-img{transform:scale(1.08)}.playgrounds-page .card-body{padding:20px 22px;display:flex;flex-direction:column;flex:1}.playgrounds-page .card-title{font-family:var(--neo-font-display);font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:10px;text-transform:none;color:var(--neo-black)}.playgrounds-page .card-desc{font-family:var(--neo-font-body);font-size:12px;opacity:.65;line-height:1.55;flex:1;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.playgrounds-page .card-footer{display:flex;align-items:center;justify-content:flex-start;padding-top:12px;border-top:2px solid rgba(26,26,26,.1)}.playgrounds-page .card-launch{display:inline-flex;align-items:center;gap:8px;font-family:var(--neo-font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--neo-black);background:transparent;border:2px solid var(--neo-black);border-radius:5px;padding:7px 14px;transition:all .15s;text-decoration:none}.playgrounds-page .launch-arrow{transition:transform .15s}.playgrounds-page .bar-linux{background:var(--neo-green)}.playgrounds-page .bar-containers{background:var(--neo-orange)}.playgrounds-page .bar-networking{background:var(--neo-blue)}.playgrounds-page .bar-distributed{background:var(--neo-purple)}.playgrounds-page .bar-security{background:var(--neo-red)}.playgrounds-page .empty-state,.playgrounds-page .error-state,.playgrounds-page .loading-state{min-height:220px;display:flex;align-items:center;justify-content:center;font-family:var(--neo-font-mono);font-size:14px}.playgrounds-page .error-state{color:var(--neo-red)}@media (max-width:1200px){.playgrounds-page .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.playgrounds-page .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.playgrounds-page .page-wrap{padding:20px}.playgrounds-page .page-header{flex-direction:column}}@media (max-width:768px){.playgrounds-page .page-wrap{padding:24px 16px 64px}.playgrounds-page .page-title{font-size:clamp(34px,12vw,48px)}.playgrounds-page .cat-tab{padding:0 16px;height:48px;font-size:11px}.playgrounds-page .section-header{flex-direction:column;align-items:flex-start;gap:12px}.playgrounds-page .section-env-count{margin-top:0}}@media (max-width:640px){.playgrounds-page .card-grid{grid-template-columns:minmax(0,1fr)}}