Seite

.xp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;align-items:stretch}@media(max-width:860px){.xp-grid{grid-template-columns:1fr;max-width:420px}}.xp-card{position:relative;background-color:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);border-radius:1.25rem;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.xp-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(0,0,0,0.25);border-color:rgba(255,255,255,0.15)}.xp-card--hl{border-color:var(--color-accent,#10b981);box-shadow:0 0 60px rgba(16,185,129,0.1),0 8px 32px rgba(0,0,0,0.2);background-color:rgba(255,255,255,0.04)}.xp-card--hl:hover{box-shadow:0 0 80px rgba(16,185,129,0.15),0 24px 48px rgba(0,0,0,0.3)}.xp-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background-color:var(--color-accent,#10b981);color:#fff;padding:6px 20px;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.xp-name{font-family:var(--font-heading,inherit);font-size:1.125rem;font-weight:700;color:var(--color-text-primary,#fff);margin-bottom:1.25rem;text-align:center}.xp-price{text-align:center;margin-bottom:.5rem;line-height:1}.xp-price-num{font-family:var(--font-heading,inherit);font-size:3.25rem;font-weight:800;color:var(--color-text-primary,#fff);letter-spacing:-.02em}.xp-price-cur{font-size:1.5rem;font-weight:400;color:var(--color-accent-light,var(--color-accent,#10b981));margin-left:.125rem;vertical-align:super}.xp-price-period{display:block;font-size:.8rem;color:var(--color-text-secondary,rgba(255,255,255,0.5));font-weight:400;margin-top:.25rem;text-align:center}.xp-sub{font-size:.875rem;color:var(--color-text-secondary,rgba(255,255,255,0.55));margin-bottom:1.75rem;text-align:center;line-height:1.5}.xp-div{height:1px;background-color:rgba(255,255,255,0.06);margin:0 0 1.75rem}.xp-features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.xp-feat{display:flex;align-items:flex-start;gap:.75rem;padding:.4rem 0;font-size:.875rem;color:var(--color-text-primary,rgba(255,255,255,0.85));line-height:1.5}.xp-feat svg{flex-shrink:0;margin-top:1px}.xp-feat--no{opacity:.4;text-decoration:line-through}.xp-btn{display:block;text-align:center;padding:1rem 1.5rem;border-radius:.75rem;font-weight:600;text-decoration:none;font-size:.9rem;font-family:var(--font-body,inherit);transition:all .25s ease;cursor:pointer;margin-top:auto}.xp-btn--primary{background-color:var(--color-accent,#10b981);color:#fff;border:2px solid var(--color-accent,#10b981)}.xp-btn--primary:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,0.3)}.xp-btn--ghost{background-color:transparent;color:var(--color-text-primary,#fff);border:1px solid rgba(255,255,255,0.12)}.xp-btn--ghost:hover{border-color:var(--color-accent,#10b981);color:var(--color-accent,#10b981)}