:root{--pf-black:#0c0c0c;--pf-dark:#141414;--pf-violet:#a855f7;--pf-pink:#ec4899;--pf-text:#e4e4e4;--pf-muted:#666}.pf-gradient-bar{background:linear-gradient(90deg,var(--pf-violet),var(--pf-pink),var(--pf-violet));background-size:200% 100%;height:3px;animation:3s ease-in-out infinite pf-shimmer}@keyframes pf-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.pf-bento-card{background:var(--pf-dark);border:1px solid #222;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.pf-bento-card:hover{border-color:var(--pf-violet);transform:translateY(-4px);box-shadow:0 20px 60px #a855f71a}.pf-img-overlay{opacity:0;background:linear-gradient(#0000 40%,#0c0c0ce6 100%);transition:opacity .4s;position:absolute;inset:0}.pf-bento-card:hover .pf-img-overlay{opacity:1}.pf-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--pf-muted);border:1px solid #333;padding:.25rem .75rem;font-size:.625rem;transition:all .3s;display:inline-block}.pf-bento-card:hover .pf-tag{border-color:var(--pf-violet);color:var(--pf-violet)}.pf-gradient-text{background:linear-gradient(135deg,var(--pf-violet),var(--pf-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pf-dot{background:linear-gradient(135deg,var(--pf-violet),var(--pf-pink));border-radius:50%;width:8px;height:8px;display:inline-block}.pf-marquee{white-space:nowrap;overflow:hidden}.pf-marquee-inner{animation:25s linear infinite pf-marquee-scroll;display:inline-block}@keyframes pf-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.pf-input{background:var(--pf-dark);color:#fff;border:1px solid #222;padding:.875rem 1rem;font-size:.875rem;transition:border-color .3s}.pf-input:focus{border-color:var(--pf-violet);outline:none}.pf-input::placeholder{color:#444}