#xp-portal{align-items:center;background:#0a0812;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem 2rem;position:relative}#xp-canvas{inset:0;pointer-events:none;position:absolute;z-index:0}.xp-content{align-items:center;display:flex;flex-direction:column;max-width:1100px;position:relative;width:100%;z-index:2}.xp-logo{animation:xpFadeUp .6s ease .2s forwards;margin-bottom:2.5rem;opacity:0}.xp-logo svg{height:28px;width:auto}.xp-headline{animation:xpFadeUp .7s ease .45s forwards;margin-bottom:.6rem;opacity:0;text-align:center}.xp-eyebrow{color:hsla(0,0%,100%,.3);font-size:.65rem;font-weight:700;letter-spacing:.22em;margin-bottom:.75rem;text-transform:uppercase}.xp-h1{color:#fff;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin:0}.xp-h1 em{background:linear-gradient(90deg,#ff9a3c,#ff3d8a,#8b5cf6,#00c9a7);-webkit-background-clip:text;background-size:200%;font-style:normal;-webkit-text-fill-color:transparent;animation:xpGradFlow 4s ease-in-out infinite alternate;background-clip:text}.xp-sub{animation:xpFadeUp .6s ease .65s forwards;color:hsla(0,0%,100%,.38);font-size:.83rem;font-weight:400;letter-spacing:.01em;margin-bottom:3rem;opacity:0}.xp-cards{animation:xpFadeUp .7s ease .85s forwards;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);opacity:0;width:100%}.xp-card{aspect-ratio:3/4;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:1.75rem;position:relative;text-decoration:none;transition:transform .4s cubic-bezier(.23,1,.32,1),border-color .4s,box-shadow .4s}.xp-card:before{border-radius:15px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .45s cubic-bezier(.23,1,.32,1);z-index:0}.xp-card[data-pick=creative]:before{background:linear-gradient(160deg,#ff6b4a,#ff9a3c 40%,#ffe040 80%,#c8f135)}.xp-card[data-pick=b2b]:before{background:linear-gradient(160deg,#0a1628,#0d2045 50%,#1a3a8f)}.xp-card[data-pick=professional]:before{background:linear-gradient(160deg,#f0ebe1,#c8a97e 55%,#7c5c3a)}.xp-card[data-pick=nonprofit]:before{background:linear-gradient(160deg,#064e3b,#047857 55%,#34d399)}.xp-card:hover{border-color:transparent;box-shadow:0 32px 64px rgba(0,0,0,.45);transform:translateY(-8px) scale(1.015)}.xp-card:hover:before{opacity:1}.xp-card-preview{border-radius:15px;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.xp-card-preview:before{content:"";height:1px;left:1.5rem;position:absolute;right:1.5rem;top:0;transition:opacity .4s}.xp-card[data-pick=creative] .xp-card-preview:before{background:linear-gradient(90deg,transparent,#ff9a3c,transparent)}.xp-card[data-pick=b2b] .xp-card-preview:before{background:linear-gradient(90deg,transparent,#2563eb,transparent)}.xp-card[data-pick=professional] .xp-card-preview:before{background:linear-gradient(90deg,transparent,#c8a97e,transparent)}.xp-card[data-pick=nonprofit] .xp-card-preview:before{background:linear-gradient(90deg,transparent,#10b981,transparent)}.xp-card:hover .xp-card-preview:before{opacity:0}.xp-card-check,.xp-card-desc,.xp-card-enter,.xp-card-tag,.xp-card-title{position:relative;z-index:1}.xp-card-tag{color:hsla(0,0%,100%,.35);font-size:.58rem;letter-spacing:.18em;margin-bottom:.6rem;text-transform:uppercase}.xp-card-tag,.xp-card-title{display:block;font-weight:700;transition:color .35s}.xp-card-title{color:hsla(0,0%,100%,.9);font-size:1.05rem;letter-spacing:-.025em;line-height:1.2}.xp-card-desc{color:hsla(0,0%,100%,.38);display:block;font-size:.72rem;font-weight:400;line-height:1.6;margin-top:.5rem;transition:color .35s}.xp-card[data-pick=creative]:hover .xp-card-tag{color:rgba(15,10,26,.55)}.xp-card[data-pick=creative]:hover .xp-card-title{color:#0f0a1a}.xp-card[data-pick=creative]:hover .xp-card-desc{color:rgba(15,10,26,.6)}.xp-card[data-pick=b2b]:hover .xp-card-tag{color:rgba(96,165,250,.8)}.xp-card[data-pick=b2b]:hover .xp-card-title{color:#fff}.xp-card[data-pick=b2b]:hover .xp-card-desc{color:hsla(0,0%,100%,.55)}.xp-card[data-pick=professional]:hover .xp-card-tag{color:rgba(124,92,58,.7)}.xp-card[data-pick=professional]:hover .xp-card-title{color:#2c1a0e;font-family:Playfair Display,serif;font-style:italic}.xp-card[data-pick=professional]:hover .xp-card-desc{color:rgba(44,26,14,.6)}.xp-card[data-pick=nonprofit]:hover .xp-card-tag{color:rgba(52,211,153,.85)}.xp-card[data-pick=nonprofit]:hover .xp-card-title{color:#fff}.xp-card[data-pick=nonprofit]:hover .xp-card-desc{color:hsla(0,0%,100%,.6)}.xp-card-check{align-items:center;background:hsla(0,0%,100%,.9);border-radius:50%;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:1.25rem;top:1.25rem;transform:scale(.4);transition:opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1);width:26px;z-index:2}.xp-card-check svg{height:13px;width:13px}.xp-card:hover .xp-card-check{opacity:1;transform:scale(1)}.xp-card-enter{align-items:center;color:hsla(0,0%,100%,.85);display:inline-flex;font-size:.7rem;font-weight:600;gap:6px;margin-top:1rem;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}.xp-card[data-pick=creative]:hover .xp-card-enter{color:rgba(15,10,26,.75)}.xp-card[data-pick=professional]:hover .xp-card-enter{color:rgba(44,26,14,.7)}.xp-card:hover .xp-card-enter{opacity:1;transform:translateY(0)}@keyframes xpFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes xpGradFlow{0%{background-position:0}to{background-position:100%}}@media (max-width:900px){.xp-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.xp-cards{grid-template-columns:1fr}.xp-card{aspect-ratio:unset;min-height:200px}}