.pdm-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-end;justify-content:center;background:rgba(4,8,10,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:0}@media (min-width:768px){.pdm-overlay{align-items:center;padding:1.5rem}}.pdm-panel{position:relative;width:100%;max-width:760px;max-height:92dvh;display:flex;flex-direction:column;background:#0c1619;border-radius:24px 24px 0 0;border:1px solid rgba(72,229,194,.14);box-shadow:0 -8px 60px rgba(0,0,0,.7),0 0 0 1px rgba(72,229,194,.06),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}@media (min-width:768px){.pdm-panel{border-radius:24px;max-height:88dvh}}.pdm-image-banner{position:relative;width:100%;height:220px;flex-shrink:0;background:#050e12;overflow:hidden}@media (min-width:768px){.pdm-image-banner{height:260px}}.pdm-image{object-fit:cover;object-position:center;image-rendering:pixelated;transition:transform .5s ease}.pdm-image-scanlines{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.07) 0,rgba(0,0,0,.07) 4px);z-index:2;mix-blend-mode:multiply}.pdm-image-gradient,.pdm-image-scanlines{position:absolute;inset:0;pointer-events:none}.pdm-image-gradient{background:linear-gradient(180deg,rgba(0,0,0,.15) 0,rgba(12,22,25,.85) 85%,#0c1619);z-index:3}.pdm-close-btn{position:absolute;top:14px;right:14px;z-index:20;width:36px;height:36px;border-radius:50%;border:1px solid rgba(72,229,194,.25);background:rgba(12,22,25,.75);backdrop-filter:blur(8px);color:#fcfaf9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.pdm-close-btn:hover{background:rgba(72,229,194,.15);border-color:rgba(72,229,194,.6);transform:scale(1.08) rotate(90deg)}.pdm-banner-links{position:absolute;bottom:16px;left:18px;z-index:20;display:flex;gap:8px;flex-wrap:wrap}.pdm-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(6px)}.pdm-pill--ghost{background:rgba(12,22,25,.7);border:1px solid rgba(72,229,194,.3);color:#48e5c2}.pdm-pill--ghost:hover{background:rgba(72,229,194,.12);border-color:rgba(72,229,194,.7);color:#fcfaf9}.pdm-pill--accent{background:rgba(72,229,194,.18);border:1px solid rgba(72,229,194,.6);color:#48e5c2}.pdm-pill--accent:hover{background:#48e5c2;color:#0d1618;border-color:#48e5c2}.pdm-body{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(72,229,194,.2) transparent}.pdm-body::-webkit-scrollbar{width:4px}.pdm-body::-webkit-scrollbar-thumb{background:rgba(72,229,194,.25);border-radius:4px}.pdm-content{padding:1.5rem 1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem}@media (min-width:768px){.pdm-content{padding:1.75rem 2rem 2.25rem}}.pdm-header{display:flex;flex-direction:column;gap:.75rem}.pdm-title{font-size:clamp(1.4rem,4vw,2rem);font-weight:800;color:#fcfaf9;letter-spacing:-.02em;line-height:1.15;margin:0;background:linear-gradient(135deg,#fcfaf9,#48e5c2 120%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pdm-tags{display:flex;flex-wrap:wrap;gap:6px}.pdm-tag{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(72,229,194,.1);border:1px solid rgba(72,229,194,.25);color:#48e5c2;transition:background .2s ease}.pdm-tag:hover{background:rgba(72,229,194,.2)}.pdm-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(72,229,194,.18) 30%,rgba(72,229,194,.18) 70%,transparent)}.pdm-section{display:flex;flex-direction:column;gap:.75rem}.pdm-section-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#48e5c2;display:flex;align-items:center;gap:6px;margin:0}.pdm-section-icon{opacity:.85}.pdm-description{font-size:14px;line-height:1.75;color:rgba(252,250,249,.72);margin:0}@media (min-width:768px){.pdm-description{font-size:15px}}.pdm-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;list-style:none;margin:0;padding:0}.pdm-feature-item{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;color:rgba(252,250,249,.7);background:rgba(72,229,194,.04);border:1px solid rgba(72,229,194,.1);border-radius:10px;padding:8px 12px;transition:background .2s ease,border-color .2s ease}.pdm-feature-item:hover{background:rgba(72,229,194,.08);border-color:rgba(72,229,194,.22);color:#fcfaf9}.pdm-feature-arrow{color:#48e5c2;flex-shrink:0;margin-top:1px}.pdm-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:.25rem}.pdm-action-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .2s ease;text-decoration:none}.pdm-action-btn--outline{background:transparent;border:1px solid rgba(72,229,194,.3);color:#48e5c2}.pdm-action-btn--outline:hover{background:rgba(72,229,194,.1);border-color:rgba(72,229,194,.6);color:#fcfaf9;transform:translateY(-1px)}.pdm-action-btn--primary{background:#48e5c2;border:1px solid #48e5c2;color:#0d1618}.pdm-action-btn--primary:hover{background:#6aedcf;border-color:#6aedcf;transform:translateY(-2px);box-shadow:0 8px 20px rgba(72,229,194,.3)}:root{--white:var(--bright-snow);--turquoise-primary:var(--turquoise);--turquoise-glow:rgba(72,229,194,0.2);--turquoise-border:rgba(72,229,194,0.8);--border-color:rgba(72,229,194,0.12);--background-dark:var(--onyx)}.card-grid{display:grid;gap:.5rem;padding:1rem 0;max-width:72rem;margin:0 auto;font-size:clamp(1rem,.9rem + .5vw,1.5rem);grid-auto-rows:300px}.magic-bento-card{display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%;max-width:100%;padding:0;border-radius:20px;border:1px solid rgba(72,229,194,.15);background:#0e1a1e;font-weight:300;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:300px}.magic-bento-card:hover{transform:translateY(-4px);border-color:rgba(72,229,194,.35);box-shadow:0 16px 36px rgba(0,0,0,.5)}.pixel-art-zone{position:relative;width:100%;flex:0 0 55%;overflow:hidden;background:#0a1419}.pixel-art-zone img{image-rendering:pixelated;image-rendering:crisp-edges}.pixel-scanlines{inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 4px);z-index:2;mix-blend-mode:multiply}.pixel-fade-bottom,.pixel-scanlines{position:absolute;pointer-events:none}.pixel-fade-bottom{bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent 0,#0e1a1e);z-index:3}.pixel-info-panel{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;padding:.875rem 1.125rem 1rem;background:linear-gradient(135deg,#131e24,#0e1a1e);border-top:1px solid rgba(72,229,194,.08);z-index:5;position:relative;overflow:hidden;color:#fcfaf9}.pixel-info-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(72,229,194,.015) 1px,transparent 0),linear-gradient(90deg,rgba(72,229,194,.015) 1px,transparent 0);background-size:8px 8px;pointer-events:none}.magic-bento-card__content,.magic-bento-card__header{display:flex;position:relative;color:var(--white);width:100%}.magic-bento-card__header{gap:.75em;justify-content:space-between;margin-bottom:1rem}.magic-bento-card__content{flex-direction:column;height:100%;justify-content:flex-end}.magic-bento-card__title{font-weight:800;margin:0 0 .35em}.magic-bento-card__description{line-height:1.4;opacity:.85}.magic-bento-card--text-autohide .magic-bento-card__description,.magic-bento-card--text-autohide .magic-bento-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:2;line-clamp:2}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:3;line-clamp:3}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:1.5px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(72,229,194,calc(var(--glow-intensity) * .9)) 0,rgba(72,229,194,calc(var(--glow-intensity) * .45)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:10}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 8px 24px rgba(8,15,15,.5),0 0 25px rgba(72,229,194,.12)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:rgba(72,229,194,.2);border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 8px 24px rgba(8,15,15,.5),0 0 25px rgba(72,229,194,.12)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;user-select:none}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card--2x2{grid-column:span 2;grid-row:span 2}.magic-bento-card--2x2 .pixel-art-zone{flex:0 0 60%}.magic-bento-card--2x1{grid-column:span 2;grid-row:span 1}.magic-bento-card--2x1 .pixel-art-zone{flex:0 0 50%}.magic-bento-card--1x1{grid-column:span 1;grid-row:span 1}.magic-bento-card--1x1 .pixel-art-zone{flex:0 0 48%}}@media (min-width:600px) and (max-width:1023px){.card-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:280px;padding:1rem;gap:.5rem}.magic-bento-card--2x1,.magic-bento-card--2x2{grid-column:span 2;grid-row:span 1}.magic-bento-card--1x1{grid-column:span 1;grid-row:span 1}}@media (max-width:599px){.card-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:.625rem;padding:.75rem}.magic-bento-card{grid-column:span 1!important;grid-row:span 1!important;min-height:260px;padding:0}.pixel-art-zone{flex:0 0 52%;min-height:130px}.pixel-info-panel{padding:.75rem 1rem .875rem}}