.card{font-family:var(--font-display);color:var(--color-text);overflow:hidden;position:relative;display:flex;flex-direction:column}.card--linkedin{width:1200px;height:1200px;background:linear-gradient(145deg,#0d0d0d,#1a1a1a)}.card--story{width:1080px;height:1920px;background:linear-gradient(180deg,#0d0d0d,#111,#0d0d0d)}.card__noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.card--story .card__noise{opacity:.04}.card__blob--green{position:absolute;z-index:0}.card--linkedin .card__blob--green{width:600px;height:600px;background:radial-gradient(circle,rgba(0,255,136,.15) 0%,transparent 70%);top:-200px;right:-200px}.card--story .card__blob--green{inset:0;background:radial-gradient(ellipse at 20% 10%,rgba(0,255,136,.12) 0%,transparent 50%)}.card__blob--pink{position:absolute;z-index:0}.card--linkedin .card__blob--pink{width:500px;height:500px;background:radial-gradient(circle,rgba(255,51,102,.1) 0%,transparent 70%);bottom:-150px;left:-150px}.card--story .card__blob--pink{inset:0;background:radial-gradient(ellipse at 80% 90%,rgba(255,51,102,.1) 0%,transparent 50%)}.card__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;z-index:1}.card__header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start}.card--linkedin .card__header{padding:48px 56px 32px}.card--story .card__header{padding:80px 60px 40px}.card__logo{font-family:var(--font-mono);color:#0f8;letter-spacing:2px;text-transform:uppercase;border:1px solid #00ff88}.card--linkedin .card__logo{font-size:14px;padding:8px 16px}.card--story .card__logo{font-size:18px;letter-spacing:3px;border-width:2px;padding:12px 24px}.card__date{font-family:var(--font-mono);color:#666;letter-spacing:1px}.card--linkedin .card__date{font-size:13px}.card--story .card__date{font-size:16px}.card__title-section{position:relative;z-index:2}.card--linkedin .card__title-section{padding:20px 56px 40px}.card--story .card__title-section{padding:0 60px}.card__eyebrow{font-family:var(--font-mono);font-size:16px;color:#666;letter-spacing:4px;text-transform:uppercase;margin-bottom:20px}.card__title{font-family:var(--font-display);font-weight:800;color:#fff}.card--linkedin .card__title{font-size:72px;line-height:.95;letter-spacing:-2px}.card--story .card__title{font-size:96px;line-height:.9;letter-spacing:-3px}.card__title-accent{color:#0f8}.card__divider{width:120px;height:4px;background:linear-gradient(90deg,#0f8,#f36);margin:50px 60px;position:relative;z-index:2}.card__stories{flex:1;display:flex;flex-direction:column;position:relative;z-index:2}.card--linkedin .card__stories{padding:20px 56px;gap:32px}.card--story .card__stories{padding:20px 60px;gap:50px}.card-story{position:relative}.card--linkedin .card-story{background:#ffffff05;border-left:3px solid;padding:28px 32px}.card--story .card-story{background:#ffffff05;border-radius:20px;padding:40px;border:1px solid rgba(255,255,255,.05)}.card--story .card-story:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0}.card-story--green{border-color:#0f8}.card--story .card-story--green:before{background:linear-gradient(90deg,#0f8,#00cc6a)}.card-story--pink{border-color:#f36}.card--story .card-story--pink:before{background:linear-gradient(90deg,#f36,#f69)}.card-story__number{font-family:var(--font-display);font-size:64px;font-weight:800;position:absolute;top:30px;right:40px;opacity:.1}.card-story--green .card-story__number{color:#0f8}.card-story--pink .card-story__number{color:#f36}.card-story__emoji{margin-bottom:12px}.card--linkedin .card-story__emoji{font-size:32px}.card--story .card-story__emoji{font-size:48px;margin-bottom:20px}.card-story__title{font-family:var(--font-display);font-weight:700;line-height:1.2}.card--linkedin .card-story__title{font-size:28px;margin-bottom:16px}.card--story .card-story__title{font-size:36px;line-height:1.15;margin-bottom:24px}.card-story--green .card-story__title{color:#0f8}.card-story--pink .card-story__title{color:#f36}.card-story__bullets{list-style:none;display:flex;flex-direction:column}.card--linkedin .card-story__bullets{gap:10px}.card--story .card-story__bullets{gap:14px}.card-story__bullets li{font-family:var(--font-mono);line-height:1.5;position:relative}.card--linkedin .card-story__bullets li{font-size:15px;color:#b0b0b0;padding-left:20px}.card--story .card-story__bullets li{font-size:18px;color:#999;line-height:1.4;padding-left:28px}.card--linkedin .card-story__bullets li:before{content:"→";position:absolute;left:0;color:#555}.card--story .card-story__bullets li:before{content:"▸";position:absolute;left:0;color:#444}.card-story__bullets .hl{color:#fff;font-weight:700}.card-story--green .card-story__bullets .hl{color:#0f8}.card-story--pink .card-story__bullets .hl{color:#f36}.card__footer{position:relative;z-index:2}.card--linkedin .card__footer{padding:32px 56px 48px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05)}.card--story .card__footer{padding:40px 60px 100px;display:flex;flex-direction:column;align-items:center;gap:16px}.card__cta{font-family:var(--font-mono);font-size:13px;color:#666;letter-spacing:1px}.card--story .card__cta{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#444}.card__handle{font-family:var(--font-display);font-weight:700;color:#fff}.card--linkedin .card__handle{font-size:20px}.card--story .card__handle{font-size:32px}.card__handle-accent{color:#0f8}.card__swipe-arrow{font-size:24px;color:#333}
