:root{--accent-blue:#009fe3;--accent-cyan:#1df2f2;--accent-green:#65d728;--text-muted:#999;--border-color:#1e1e1e;--input-bg:#0d0d0d;--font-body:"Space Grotesk",sans-serif;--text-body:#b0b0b0}main{justify-content:flex-start;min-height:100vh;padding:40px 20px 60px}.page-header{align-items:center;animation:fadeSlideDown .7s ease both;display:flex;flex-direction:row;margin-bottom:30px;text-align:left}.logo-img{height:120px;margin-bottom:12px;margin-right:12px;opacity:.9}h2{color:#fff;font-family:Raven-Grunge;font-size:3em;letter-spacing:.02em;margin-bottom:6px}.subtitle{font-family:var(--font-body);font-size:.85em;letter-spacing:.05em}.subtitle,a.chip{color:var(--text-muted)}a.chip{text-decoration:none}.chip{align-items:center;background:#080808;border:1px solid var(--border-color);border-radius:20px;color:var(--text-muted);display:inline-flex;font-family:var(--font-body);font-size:.78em;gap:7px;padding:7px 14px}.chip svg{fill:currentColor}.chip a{color:var(--text-muted);text-decoration:none}.chip:focus,.chip:hover{border-color:var(--accent-blue)}.chip:focus,.chip:focus a,.chip:hover,.chip:hover a{color:var(--accent-blue);outline:none}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:660px){h2{font-size:2em}main{padding:30px 16px 60px}}@media (max-width:440px){.page-header{flex-direction:column;gap:8px;margin-top:15px;text-align:center}.logo-img{height:72px;margin-bottom:0;margin-right:0}}.phx-cards-grid{animation:fadeSlideUp .6s ease .1s both;display:grid;gap:12px 16px;grid-template-columns:repeat(2,1fr);max-width:760px;opacity:0;width:100%}.phx-card{background:#0d0d0d;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:18px;transition:border-color .25s}.phx-card:hover{border-color:var(--accent-blue)}.phx-card-cyan{border-color:rgba(29,242,242,.15)}.phx-card-cyan:hover{border-color:var(--accent-cyan)}.phx-card-green{border-color:rgba(101,215,40,.15)}.phx-card-green:hover{border-color:var(--accent-green)}.phx-card-head{align-items:center;display:flex;gap:10px}.phx-card-icon-wrap{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:24px}.phx-card-icon-wrap i{color:var(--accent-blue);font-size:1em}.phx-card-icon-wrap.cyan i{color:var(--accent-cyan)}.phx-card-icon-wrap.green i{color:var(--accent-green)}.phx-card-num{border:1px solid rgba(156,103,163,.3);border-radius:3px;color:var(--accent-blue);font-family:var(--font-body);font-size:.6em;font-weight:600;letter-spacing:.09em;padding:2px 6px;text-transform:uppercase}.phx-card-num.cyan{border-color:rgba(29,242,242,.3);color:var(--accent-cyan)}.phx-card-num.green{border-color:rgba(101,215,40,.3);color:var(--accent-green)}.phx-card-title{color:#e0e0e0;font-family:var(--font-body);font-size:.88em;line-height:1.3;text-transform:uppercase}.phx-card-desc{color:#777;flex:1;font-family:var(--font-body);font-size:.76em;line-height:1.6}.phx-badge-pills{display:flex;flex-wrap:wrap;gap:5px}.phx-badge-pill{border:1px solid var(--border-color);border-radius:3px;color:#555;font-family:var(--font-body);font-size:.58em;letter-spacing:.07em;padding:2px 6px;text-transform:uppercase}.phx-badge-pill.a{border-color:rgba(156,103,163,.3);color:var(--accent-blue)}.phx-badge-pill.c{border-color:rgba(29,242,242,.25);color:var(--accent-cyan)}.phx-badge-pill.g{border-color:rgba(101,215,40,.25);color:var(--accent-green)}.phx-card-cta{align-items:center;align-self:flex-start;border:1px solid rgba(156,103,163,.3);border-radius:20px;color:var(--accent-blue);display:inline-flex;font-family:var(--font-body);font-size:.68em;gap:6px;letter-spacing:.07em;margin-top:2px;padding:5px 13px;text-decoration:none;text-transform:uppercase;transition:border-color .2s,color .2s}.phx-card-cta i{font-size:.85em}.phx-card-cta:hover{border-color:var(--accent-blue);color:#fff}.phx-card-cyan .phx-card-cta{border-color:rgba(29,242,242,.3);color:var(--accent-cyan)}.phx-card-cyan .phx-card-cta:hover{border-color:var(--accent-cyan);color:#fff}.phx-card-green .phx-card-cta{border-color:rgba(101,215,40,.3);color:var(--accent-green)}.phx-card-green .phx-card-cta:hover{border-color:var(--accent-green);color:#fff}@media (max-width:600px){.phx-cards-grid{grid-template-columns:1fr}}