.vision{background:linear-gradient(125deg,#fff0f8 0%,#eef6ff 44%,#f5efff 70%,#fff5c9 100%);position:relative;overflow:hidden;border-top:10px solid transparent;border-image:linear-gradient(90deg,var(--pink),var(--purple),var(--blue),var(--gold)) 1}
.vision:before,.vision:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.2;pointer-events:none}
.vision:before{width:440px;height:440px;background:var(--pink);left:-250px;top:-220px}
.vision:after{width:520px;height:520px;background:var(--blue);right:-310px;bottom:-300px}
.vision-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:90px;align-items:center}
.vision-mark{position:relative;z-index:1;background:linear-gradient(145deg,#ed168c 0%,#8c35bd 48%,#087ee8 100%);color:#fff;padding:58px;border:4px solid #050505;box-shadow:16px 16px 0 var(--gold);overflow:hidden}
.vision-mark:after{content:"JOY → NOSTALGIA";position:absolute;right:-36px;bottom:20px;color:rgba(255,255,255,.12);font-size:3rem;font-weight:950;transform:rotate(-8deg);white-space:nowrap}
.vision-mark .future{position:relative;z-index:1;display:inline-block;background:var(--gold);color:#050505;padding:8px 13px;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-weight:950;box-shadow:4px 4px 0 #050505}
.vision-mark h2{color:#fff;margin:18px 0}
.vision-mark p{position:relative;z-index:1;color:#fff;font-size:1.12rem}
.vision-copy{position:relative;z-index:1}.vision-copy h3{font-size:1.75rem;text-transform:uppercase;margin:0 0 12px;background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.vision-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}
.vision-item{background:rgba(255,255,255,.94);border:2px solid #050505;padding:24px;box-shadow:7px 7px 0 var(--blue);transition:transform .18s ease}
.vision-item:hover{transform:translateY(-4px)}
.vision-item:nth-child(2){box-shadow-color:var(--pink)}
.vision-item:nth-child(3){box-shadow-color:var(--gold)}
.vision-item:nth-child(4){box-shadow-color:var(--purple)}
.vision-item strong{display:block;text-transform:uppercase;margin-bottom:8px;color:var(--blue);font-size:1.05rem}
.vision-item:nth-child(2) strong{color:var(--pink)}.vision-item:nth-child(3) strong{color:#a56d00}.vision-item:nth-child(4) strong{color:var(--purple)}
.donate-note{font-size:.84rem;color:#666;margin-top:16px}
@media(max-width:900px){.vision-grid{grid-template-columns:1fr;gap:55px}}
@media(max-width:600px){.vision-list{grid-template-columns:1fr}.vision-mark{padding:34px}}