/* ═══════════════════════════════════════════════════
   TPF EVENTS — v10 AWARD-WINNING EDITORIAL · 2026
   ═══════════════════════════════════════════════════ */

.ev-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at 20% 30%,rgba(239,83,80,.012) 0%,transparent 50%),
  radial-gradient(ellipse at 80% 70%,rgba(171,71,188,.008) 0%,transparent 50%)}
.events-page{padding:0 0 120px;position:relative;z-index:1}
.events-page::before,.events-page::after{display:none}
.ev-c{width:100%;max-width:100%;padding:0 4vw;box-sizing:border-box}

/* ═══ SEARCH ═══ */
.ev-search-wrap{width:100%;padding:20px 4vw 0;display:flex;justify-content:center;box-sizing:border-box}
.ev-search-wrap .search-bar{max-width:480px;width:100%}

/* ═══ HERO — EDITORIAL SPACING ═══ */
.ev-hero{padding:56px 4vw 0;width:100%;box-sizing:border-box}
.ev-hero h1{font-family:var(--ff);font-size:clamp(42px,6vw,72px);font-weight:900;color:#fff;
  letter-spacing:-.06em;line-height:.95}
.ev-hero h1 span{background:linear-gradient(135deg,#81C784 0%,#A5D6A7 50%,#C8E6C9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
.ev-hero>p{font-size:16px;color:rgba(255,255,255,.2);line-height:1.7;max-width:460px;margin-top:14px;
  font-family:var(--ff);font-weight:400;letter-spacing:.01em}
.ev-label-sm{font-family:var(--fm);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.15);display:flex;align-items:center;gap:8px}
.ev-label-sm::before{content:'';width:16px;height:1px;background:rgba(255,255,255,.12)}

/* ═══════════ CALENDAR ═══════════ */
.hcal{margin-top:36px;
  background:rgba(10,12,16,0.7); backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:none; border-radius:28px;
  padding:28px 28px 24px;position:relative;
  box-shadow:inset 0 1px 1px rgba(255,255,255,0.05), 0 16px 40px rgba(0,0,0,0.5)}
.hcal::before{content:'';position:absolute;inset:0;padding:1px;border-radius:28px;
  background:linear-gradient(90deg,transparent 5%,rgba(180,130,255,.5) 25%,rgba(255,255,255,.3) 50%,rgba(100,200,255,.4) 75%,transparent 95%);
  background-size:200% 100%;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
  animation:shimmerTop 5s ease-in-out infinite alternate}
@keyframes shimmerTop{0%{background-position:0% 0%}100%{background-position:100% 0%}}
.hcal::after{content:'';position:absolute;bottom:-60px;left:10%;width:80%;height:120px;
  background:radial-gradient(ellipse,rgba(120,80,220,.2) 0%,transparent 70%);
  pointer-events:none;filter:blur(20px)}
.hcal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.hcal-head-left{display:flex;align-items:center;gap:14px}
.hcal-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.3)}
.hcal-sub{font-family:var(--fm);font-size:9px;font-weight:700;letter-spacing:.14em;color:rgba(255,255,255,.18);margin-bottom:2px}
.hcal-head h3{font-family:var(--ff);font-size:22px;font-weight:900;color:#fff;letter-spacing:-.03em}
.hcal-nav{display:flex;gap:5px}
.hcal-nav button{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);
  color:rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all .3s cubic-bezier(.16,1,.3,1);font-family:var(--fm);font-size:10px;font-weight:700}
.hcal-nav button:hover{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.12);transform:scale(1.06)}

.hcal-strip{display:flex;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;user-select:none;padding:4px 0}
.hcal-strip::-webkit-scrollbar{display:none}

/* DAY BOX */
.hcal-day{flex-shrink:0;width:70px;height:90px;border-radius:14px;
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);

cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);
  text-align:center;position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  box-shadow:inset 0 1px 1px rgba(255,255,255,0.02);}
.hcal-day:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);transform:translateY(-3px);box-shadow:inset 0 1px 1px rgba(255,255,255,0.08), 0 8px 24px rgba(0,0,0,0.4);}
.hcal-day.active{transform:translateY(-5px) scale(1.08);box-shadow:inset 0 1px 1px rgba(255,255,255,0.1), 0 16px 40px rgba(0,0,0,.6);border-color:rgba(255,255,255,0.2);}
.hcal-day.today{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.04)}
.hcal-day .hd-mon{font-family:var(--fm);font-size:8px;font-weight:700;letter-spacing:.1em;color:rgba(255,255,255,.12);position:relative;z-index:5;text-transform:uppercase}
.hcal-day .hd-num{font-family:var(--ff);font-size:22px;font-weight:900;color:rgba(255,255,255,.18);line-height:1;position:relative;z-index:5}
.hcal-day.has-ev .hd-num{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.hcal-day.has-ev .hd-mon{color:rgba(255,255,255,.5);text-shadow:0 1px 4px rgba(0,0,0,.3)}
.hcal-day.active .hd-mon,.hcal-day.active .hd-num{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.hd-dot{width:4px;height:4px;border-radius:50%;position:relative;z-index:5;margin-top:2px}
.hcal-day.active .hd-dot{background:#fff;box-shadow:0 0 12px rgba(255,255,255,.6)}

/* ═══ GLOSSY HORIZONTAL WAVE KEYFRAMES ═══ */
@keyframes sloshW1{
  0%  {transform:translateX(-25%) scaleY(1) rotate(-1deg)}
  25% {transform:translateX(5%) scaleY(1.02) rotate(0deg)}
  50% {transform:translateX(25%) scaleY(.98) rotate(1deg)}
  75% {transform:translateX(5%) scaleY(1.01) rotate(0deg)}
  100%{transform:translateX(-25%) scaleY(1) rotate(-1deg)}}
@keyframes sloshW2{
  0%  {transform:translateX(22%) scaleY(1.01) rotate(.5deg)}
  25% {transform:translateX(-3%) scaleY(.99) rotate(-.5deg)}
  50% {transform:translateX(-24%) scaleY(1.02) rotate(-1deg)}
  75% {transform:translateX(0%) scaleY(.98) rotate(.5deg)}
  100%{transform:translateX(22%) scaleY(1.01) rotate(.5deg)}}

.hcal-day.has-ev::before{
  content:'';position:absolute;bottom:-6%;left:-35%;width:170%;height:80%;z-index:1;
  border-radius:44% 50% 0 0;animation:sloshW1 3.5s ease-in-out infinite}
.hcal-day.has-ev::after{
  content:'';position:absolute;bottom:-2%;left:-40%;width:180%;height:65%;z-index:2;
  border-radius:50% 44% 0 0;animation:sloshW2 2.8s ease-in-out infinite;opacity:.5}
.hcal-day.has-ev:hover::before{height:90%}
.hcal-day.has-ev:hover::after{height:76%;opacity:.6}

/* GLOSSY COLOR WAVES */
.hcal-day.wave-red{border-color:rgba(239,83,80,.2);background:rgba(239,83,80,.025)}
.hcal-day.wave-red .hd-dot{background:#EF5350;box-shadow:0 0 12px rgba(239,83,80,.7)}
.hcal-day.wave-red::before{background:linear-gradient(170deg,rgba(255,138,128,.5) 0%,rgba(239,83,80,.6) 30%,rgba(183,28,28,.85) 100%)}
.hcal-day.wave-red::after{background:linear-gradient(160deg,rgba(255,255,255,.18) 0%,rgba(255,138,128,.2) 30%,rgba(239,83,80,.4) 100%)}
.hcal-day.wave-red.active{border-color:#EF5350;box-shadow:0 16px 40px rgba(239,83,80,.35),0 0 50px rgba(239,83,80,.08)}

.hcal-day.wave-purple{border-color:rgba(171,71,188,.2);background:rgba(171,71,188,.025)}
.hcal-day.wave-purple .hd-dot{background:#AB47BC;box-shadow:0 0 12px rgba(171,71,188,.7)}
.hcal-day.wave-purple::before{background:linear-gradient(170deg,rgba(206,147,216,.5) 0%,rgba(171,71,188,.6) 30%,rgba(106,27,154,.85) 100%)}
.hcal-day.wave-purple::after{background:linear-gradient(160deg,rgba(255,255,255,.16) 0%,rgba(206,147,216,.18) 30%,rgba(171,71,188,.35) 100%)}
.hcal-day.wave-purple.active{border-color:#AB47BC;box-shadow:0 16px 40px rgba(171,71,188,.35),0 0 50px rgba(171,71,188,.08)}

.hcal-day.wave-orange{border-color:rgba(255,167,38,.2);background:rgba(255,167,38,.025)}
.hcal-day.wave-orange .hd-dot{background:#FFA726;box-shadow:0 0 12px rgba(255,167,38,.7)}
.hcal-day.wave-orange::before{background:linear-gradient(170deg,rgba(255,224,130,.5) 0%,rgba(255,167,38,.6) 30%,rgba(230,126,0,.85) 100%)}
.hcal-day.wave-orange::after{background:linear-gradient(160deg,rgba(255,255,255,.18) 0%,rgba(255,224,130,.18) 30%,rgba(255,167,38,.35) 100%)}
.hcal-day.wave-orange.active{border-color:#FFA726;box-shadow:0 16px 40px rgba(255,167,38,.35),0 0 50px rgba(255,167,38,.08)}

.hcal-day.wave-blue{border-color:rgba(66,165,245,.2);background:rgba(66,165,245,.025)}

.hcal-day.wave-blue .hd-dot{background:#42A5F5;box-shadow:0 0 12px rgba(66,165,245,.7)}
.hcal-day.wave-blue::before{background:linear-gradient(170deg,rgba(144,202,249,.5) 0%,rgba(66,165,245,.6) 30%,rgba(21,101,192,.85) 100%)}
.hcal-day.wave-blue::after{background:linear-gradient(160deg,rgba(255,255,255,.18) 0%,rgba(144,202,249,.18) 30%,rgba(66,165,245,.35) 100%)}
.hcal-day.wave-blue.active{border-color:#42A5F5;box-shadow:0 16px 40px rgba(66,165,245,.35),0 0 50px rgba(66,165,245,.08)}

.hcal-day.wave-pink{border-color:rgba(236,64,122,.2);background:rgba(236,64,122,.025)}
.hcal-day.wave-pink .hd-dot{background:#EC407A;box-shadow:0 0 12px rgba(236,64,122,.7)}
.hcal-day.wave-pink::before{background:linear-gradient(170deg,rgba(248,187,208,.5) 0%,rgba(236,64,122,.6) 30%,rgba(173,20,87,.85) 100%)}
.hcal-day.wave-pink::after{background:linear-gradient(160deg,rgba(255,255,255,.16) 0%,rgba(248,187,208,.18) 30%,rgba(236,64,122,.35) 100%)}
.hcal-day.wave-pink.active{border-color:#EC407A;box-shadow:0 16px 40px rgba(236,64,122,.35),0 0 50px rgba(236,64,122,.08)}

.hcal-day.wave-teal{border-color:rgba(38,166,154,.2);background:rgba(38,166,154,.025)}
.hcal-day.wave-teal .hd-dot{background:#26A69A;box-shadow:0 0 12px rgba(38,166,154,.7)}
.hcal-day.wave-teal::before{background:linear-gradient(170deg,rgba(128,203,196,.5) 0%,rgba(38,166,154,.6) 30%,rgba(0,105,92,.85) 100%)}
.hcal-day.wave-teal::after{background:linear-gradient(160deg,rgba(255,255,255,.16) 0%,rgba(128,203,196,.18) 30%,rgba(38,166,154,.35) 100%)}
.hcal-day.wave-teal.active{border-color:#26A69A;box-shadow:0 16px 40px rgba(38,166,154,.35),0 0 50px rgba(38,166,154,.08)}

/* ═══════════ CINEMATIC EVENT CARD ═══════════ */
.ev-expand{margin-top:18px;overflow:hidden;max-height:0;opacity:0;transition:max-height .65s cubic-bezier(.16,1,.3,1),opacity .5s}
.ev-expand.open{max-height:600px;opacity:1}
@keyframes eventSweep{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}
.ev-card-cinema{position:relative;border-radius:26px;overflow:hidden;min-height:360px;
  display:flex;flex-direction:column;justify-content:flex-end;padding:48px 52px;background:#000;
  border:none;box-shadow:0 40px 80px rgba(0,0,0,.7), 0 0 30px rgba(171,71,188,.15);
  transition:transform 0.5s cubic-bezier(0.16,1,.3,1), box-shadow 0.5s;}
.ev-card-cinema:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 50px 100px rgba(0,0,0,.9), 0 0 50px rgba(171,71,188,.25);}
.ev-card-cinema::before{content:'';position:absolute;top:50%;left:50%;width:200%;height:200%;
  background:conic-gradient(from 0deg, transparent 65%, rgba(239,83,80,.8) 80%, rgba(156,39,176,1) 95%, rgba(41,182,246,1) 100%);
  animation:eventSweep 4s linear infinite;z-index:0;}
.ev-card-bg{position:absolute;inset:2px;border-radius:24px;z-index:1;
  background:linear-gradient(145deg,#0c0618 0%,#150b2e 25%,#1e0f3d 50%,#180a35 75%,#0a0412 100%)}
.ev-card-blob{position:absolute;top:-10%;right:5%;width:55%;height:80%;z-index:2;pointer-events:none;
  background:radial-gradient(ellipse,rgba(236,64,122,.5) 0%,rgba(171,71,188,.25) 40%,transparent 70%);
  border-radius:50%;filter:blur(40px);animation:blobDrift 8s ease-in-out infinite alternate}
.ev-card-blob.b2{top:30%;right:25%;width:40%;height:60%;z-index:2;
  background:radial-gradient(ellipse,rgba(239,83,80,.3) 0%,rgba(255,167,38,.12) 40%,transparent 70%);
  filter:blur(50px);animation:blobDrift2 10s ease-in-out infinite alternate}
@keyframes blobDrift{0%{transform:translate(0,0) scale(1);opacity:.65}50%{transform:translate(-8%,5%) scale(1.1);opacity:.85}100%{transform:translate(5%,-3%) scale(.95);opacity:.7}}
@keyframes blobDrift2{0%{transform:translate(0,0) scale(1);opacity:.45}50%{transform:translate(10%,-8%) scale(1.15);opacity:.65}100%{transform:translate(-5%,6%) scale(.9);opacity:.5}}
.ev-card-overlay{position:absolute;inset:2px;border-radius:24px;z-index:2;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.02) 100%)}
.ev-card-content{position:relative;z-index:3}
.ev-card-badge{position:absolute;top:28px;left:48px;z-index:4;
  font-family:var(--fm);font-size:11px;font-weight:800;letter-spacing:.14em;color:rgba(255,255,255,.85);
  background:rgba(0,0,0,.4);backdrop-filter:blur(24px);
  padding:10px 20px;border-radius:28px;border:1px solid rgba(255,255,255,.06);text-transform:uppercase}

.ev-card-title{font-family:var(--ff);font-size:clamp(32px,4.5vw,52px);font-weight:900;color:#fff;
  letter-spacing:-.04em;margin-bottom:10px;line-height:1}
.ev-card-desc{font-size:16px;color:rgba(255,255,255,.45);max-width:600px;line-height:1.7;margin-bottom:32px;font-weight:400}
.ev-card-bottom{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ev-reserve-btn{font-family:var(--ff);font-size:14px;font-weight:800;padding:16px 44px;border-radius:100px;
  background:#fff;color:#000;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);
  border:none;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);letter-spacing:.03em}
.ev-reserve-btn:hover{transform:scale(1.06);box-shadow:0 14px 36px rgba(255,255,255,.1)}
.ev-replay-btn{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.08)}
.ev-replay-btn:hover{background:rgba(255,255,255,.1)}
.ev-card-host{display:flex;align-items:center;gap:10px;margin-left:auto;
  background:rgba(0,0,0,.45);backdrop-filter:blur(20px);
  padding:7px 16px 7px 7px;border-radius:36px;border:1px solid rgba(255,255,255,.06)}
.ev-host-av{width:38px;height:38px;border-radius:50%;object-fit:cover;
  border:2px solid rgba(255,255,255,.12);box-shadow:0 2px 10px rgba(0,0,0,.3)}
.ev-host-badge{font-family:var(--fm);font-size:10px;font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.5)}
.ev-no-event{text-align:center;padding:48px 20px;color:rgba(255,255,255,.08);font-size:13px;border-radius:18px;
  background:rgba(255,255,255,.008);border:1px dashed rgba(255,255,255,.03);font-family:var(--fm);letter-spacing:.04em}

/* ═══════════ IDEAS — GRID & VIO-NOIR ═══════════ */
.ideas-section{margin-top:56px;position:relative}
.ideas-section::before{content:'';position:absolute;top:-28px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.04) 20%,rgba(255,255,255,.04) 80%,transparent)}
.ideas-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 2px;gap:16px}
.ideas-title-wrap { display: flex; flex-direction: column; }
.ideas-title{font-family:var(--ff);font-size:32px;font-weight:900;color:#fff;letter-spacing:-.05em;margin:0}
.ideas-head-sub { font-family: var(--fm); font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.25); margin-top: 6px; letter-spacing: 0.05em; text-transform: uppercase; }

.ideas-head-right{display:flex;align-items:center;gap:14px;flex-shrink:0}
.see-all-btn {
  background: rgba(255,255,255,0.03); color: rgba(255,255,255,0.4); font-family: var(--fm); font-size: 9px;
  font-weight: 800; padding: 10px 20px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.06);
  cursor: pointer; transition: 0.4s; letter-spacing: 0.12em; text-transform: uppercase;
}
.see-all-btn:hover { background: #fff; color: #000; border-color: #fff; transform: translateY(-2px); }
.see-all-btn.active { background: #AB47BC; color: #fff; border-color: #AB47BC; }

.idea-list{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px 0 30px; transition: all 0.5s ease;}
.idea-list::-webkit-scrollbar{display:none}
.idea-list.grid-view { 
  display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); 
  overflow: visible; flex-wrap: wrap; height: auto; gap: 24px;
}

/* CARDS — VIO-NOIR UPGRADE */
.idea-card {
  flex-shrink: 0; width: 320px; min-height: 280px; border-radius: 44px;
  background: linear-gradient(145deg, rgba(30, 20, 60, 0.9), rgba(10, 10, 15, 0.98));
  backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);
  border: 1px solid rgba(255,255,255,0.08); padding: 40px; overflow: visible;
  display: flex; flex-direction: column; position: relative;
  transition: all 0.8s cubic-bezier(0.16,1,0.3,1); box-shadow: 0 40px 100px rgba(0,0,0,0.85);
}
.idea-card:hover {
  transform: translateY(-20px) scale(1.03);
  border-color: rgba(171, 71, 188, 0.6);
  box-shadow: 0 80px 140px rgba(0,0,0,0.95), 0 0 60px rgba(171, 71, 188, 0.2);
}

/* MAC ICON CONSISTENCY */
.idea-card-header {
  display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px;
}
.idea-dots { display: flex; gap: 6px; opacity: 0.3; }
.idea-dots span { width: 8px; height: 8px; border-radius: 50%; background: #fff; }

.idea-card-title {
  font-family: var(--ff); font-size: 24px; font-weight: 900; color: #fff;
  line-height: 1.15; letter-spacing: -0.05em; margin-bottom: 32px;
}

.idea-action-tray { margin-top: auto; display: flex; align-items: center; justify-content: space-between; position: relative; }

.heart-action {
  width: 76px; height: 76px; border-radius: 50%; background: rgba(10,12,16,0.8);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative;
}
/* BORDER SWEEP */
.heart-action::before {
  content: ''; position: absolute; inset: -2px; border-radius: 50%; padding: 2px;
  background: conic-gradient(from 0deg, transparent 60%, #EC407A 85%, #FFEB3B 100%);
  -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;
  animation: heartSweep 3s linear infinite; pointer-events: none;
}
@keyframes heartSweep { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.heart-action svg { width: 34px; height: 34px; color: rgba(255,255,255,0.2); fill: none; transition: 0.4s; stroke-width: 2.5; position: relative; z-index: 2; }
.heart-action:hover { transform: scale(1.1); }
.heart-action:hover svg { color: #EC407A; filter: drop-shadow(0 0 10px #EC407A); }
.heart-action.voted svg { color: #EC407A; fill: #EC407A; filter: drop-shadow(0 0 20px #EC407A); }
.heart-action.voted::before { background: linear-gradient(135deg, #EC407A, #FFEB3B); animation: none; } /* Solid on liked */

.heart-count-wrap { text-align: right; }
.heart-num { font-family: var(--ff); font-size: 46px; font-weight: 900; color: #fff; letter-spacing: -0.06em; line-height: 1; text-shadow: 0 0 25px rgba(236, 64, 122, 0.2); }
.heart-label { font-family: var(--fm); font-size: 10px; font-weight: 800; color: rgba(255,255,255,0.3); text-transform: uppercase; margin-top: 8px; letter-spacing: 0.2em; }

/* REACTION FLOOD ANIMATION */
.reaction-particle {
  position: absolute; pointer-events: none; z-index: 9999; font-size: 28px;
  will-change: transform, opacity;
}
@keyframes reactionFlood {
  0% { transform: translate(0,0) scale(0.4); opacity: 0; }
  20% { transform: translate(var(--dx), -40px) scale(1.6); opacity: 1; }
  100% { transform: translate(var(--tx), -220px) rotate(var(--rot)) scale(0.6); opacity: 0; }
}

.idea-input-wrap{display:flex;gap:0;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04);
  border-radius:10px;overflow:hidden;transition:border-color .3s}
.idea-input-wrap:focus-within{border-color:rgba(255,255,255,.08)}
.idea-input{flex:1;background:transparent;border:none;padding:9px 14px;color:#fff;
  font-family:var(--ff);font-size:12px;outline:none;min-width:130px}
.idea-input::placeholder{color:rgba(255,255,255,.08)}
.idea-submit{padding:9px 14px;background:rgba(255,255,255,.04);border:none;cursor:pointer;
  color:rgba(255,255,255,.25);font-family:var(--ff);font-size:15px;font-weight:800;transition:all .3s}
/* ═══════════ BOOK 1-ON-1 — ELEVATED NOIR THEMES ═══════════ */
.book-section { margin-top: 56px; position: relative; }
.book-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 24px; padding-bottom: 20px; }

.bk-card {
  border-radius: 40px; overflow: hidden; position: relative; min-height: 280px;
  background: rgba(8, 10, 14, 0.95);
  backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);
  border: 1px solid rgba(255,255,255,0.05); transition: all 0.7s cubic-bezier(0.16,1,0.3,1);
  display: flex; flex-direction: column; z-index: 1;
  box-shadow: inset 0 2px 2px rgba(255,255,255,0.02), inset 0 -4px 16px rgba(0,0,0,0.3), 0 20px 40px rgba(0,0,0,0.5);
}

.bk-card::before, .bk-card::after {
  content: ""; position: absolute; border-radius: 50%; pointer-events: none; z-index: 0;
  filter: blur(60px); opacity: 0.6; transition: opacity 0.8s, filter 0.8s;
  mix-blend-mode: screen;
}

.bk-card::before {
  width: 300px; height: 300px; top: -100px; right: -50px;
  background: var(--bk-glow);
  animation: orbMorphA 14s infinite alternate ease-in-out;
}

.bk-card::after {
  width: 350px; height: 350px; bottom: -120px; left: -80px;
  background: var(--bk-glow);
  animation: orbMorphB 18s infinite alternate ease-in-out;
}

.bk-card:hover { 
  transform: translateY(-8px) scale(1.02); 
  border-color: rgba(255,255,255,0.15);
  box-shadow: inset 0 2px 2px rgba(255,255,255,0.05), inset 0 -4px 16px rgba(0,0,0,0.6), 0 40px 80px rgba(0,0,0,0.8), 0 10px 40px var(--bk-glow); 
}

.bk-card:hover::before, .bk-card:hover::after {
  opacity: 0.9; filter: blur(50px);
}

.bk-card:hover .bk-av {
  transform: scale(1.05); box-shadow: 0 15px 30px var(--bk-glow);
}

@keyframes orbMorphA {
  0% { transform: translate(0, 0) scale(1) rotate(0deg); }
  50% { transform: translate(-30px, 50px) scale(1.3) rotate(45deg); }
  100% { transform: translate(20px, 30px) scale(0.9) rotate(90deg); }
}

@keyframes orbMorphB {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(50px, -60px) scale(0.85); }
  100% { transform: translate(-30px, -20px) scale(1.2); }
}

.bk-banner, .bk-body { position: relative; z-index: 2; }

/* NOIR THEMATIC SYNC */
.tony-theme { --bk-accent: #EF5350; --bk-glow: rgba(239, 83, 80, 0.15); }
.proxiii-theme { --bk-accent: #AB47BC; --bk-glow: rgba(171, 71, 188, 0.15); }
.trey-theme { --bk-accent: #FFA726; --bk-glow: rgba(255, 167, 38, 0.15); }
.xtendo-theme { --bk-accent: #FF2D78; --bk-glow: rgba(255, 45, 120, 0.15); }
.aaron-theme { --bk-accent: #26C6DA; --bk-glow: rgba(38, 198, 218, 0.15); }
.tristan-theme { --bk-accent: #66BB6A; --bk-glow: rgba(102, 187, 106, 0.15); }

.bk-btn-full:hover { transform: translateY(-3px) scale(1.02); filter: brightness(1.1); box-shadow: 0 12px 30px var(--bk-glow), 0 0 40px var(--bk-glow) !important; color: #000; }

.bk-banner { padding: 40px 40px 32px; display: flex; align-items: center; gap: 24px; position: relative; }
.bk-av-wrap { position: relative; }
.bk-av { 
  width: 84px; height: 84px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,0.08);
  box-shadow: 0 10px 30px rgba(0,0,0,0.4); transition: 0.5s; z-index: 2; position: relative;
}

.bk-info { flex: 1; }
.bk-name { font-family: var(--ff); font-size: 26px; font-weight: 900; color: #fff; letter-spacing: -0.05em; line-height: 1; }
.bk-role { font-family: var(--fm); font-size: 9px; font-weight: 800; color: var(--bk-accent); text-transform: uppercase; margin-top: 8px; letter-spacing: 0.2em; opacity: 0.8; }

.bk-body { padding: 0 40px 40px; margin-top: auto; display: flex; align-items: center; justify-content: space-between; }
.bk-meta { display: flex; flex-direction: column; }
.bk-status { font-family: var(--fm); font-size: 10px; font-weight: 700; color: rgba(255,255,255,0.2); letter-spacing: 0.08em; text-transform: uppercase; }
.bk-price { font-family: var(--ff); font-size: 22px; font-weight: 900; color: #fff; margin-top: 6px; letter-spacing: -0.02em; }

.bk-btn {
  width: 68px; height: 68px; border-radius: 50%; background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06); display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative;
}
.bk-btn svg { width: 30px; height: 30px; color: rgba(255,255,255,0.3); transition: 0.3s; z-index: 2; }
.bk-btn::before {
  content:''; position: absolute; inset: -2px; border-radius: 50%; padding: 2px;
  background: conic-gradient(from 0deg, transparent 60%, var(--bk-accent) 85%, #fff 100%);
  -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; animation: heartSweep 3s linear infinite; opacity: 0; transition: 0.4s;
}
.bk-btn:hover { transform: scale(1.18); background: rgba(255,255,255,0.06); border-color: var(--bk-accent); }
.bk-btn:hover svg { color: var(--bk-accent); filter: drop-shadow(0 0 15px var(--bk-accent)); }
.bk-btn:hover::before { opacity: 1; }

/* ═══════════ DISCORD ═══════════ */
.discord-cta{display:flex;align-items:center;gap:20px;padding:24px 32px;margin-top:56px;position:relative;overflow:hidden;
  background:rgba(88,101,242,.04);border:1px solid rgba(88,101,242,.1);border-radius:20px;transition:all .45s;
  box-shadow:inset 0 1px 1px rgba(255,255,255,0.02), 0 8px 20px rgba(0,0,0,0.2);}
.discord-cta::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(88,101,242,.3),transparent)}
.discord-cta:hover{background:rgba(88,101,242,.08);border-color:rgba(88,101,242,.2);transform:translateY(-4px);
  box-shadow:inset 0 1px 1px rgba(255,255,255,0.05), 0 20px 50px rgba(0,0,0,.5), 0 0 30px rgba(88,101,242,.2)}
.discord-icon-wrap{width:48px;height:48px;border-radius:14px;background:rgba(88,101,242,.08);
  border:1px solid rgba(88,101,242,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .4s}
.discord-cta:hover .discord-icon-wrap{transform:scale(1.08) rotate(-4deg)}
.discord-text{flex:1}
.discord-text h4{font-family:var(--ff);font-size:16px;font-weight:800;color:#fff;margin-bottom:3px;letter-spacing:-.02em}
.discord-text p{font-size:12px;color:rgba(255,255,255,.2);margin:0;font-weight:400}

.discord-join{padding:14px 28px;border-radius:12px;background:linear-gradient(135deg,#5865F2,#7289DA);color:#fff;
  font-family:var(--ff);font-size:13px;font-weight:700;text-decoration:none;
  transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px rgba(88,101,242,.2);
  display:flex;align-items:center;gap:7px;white-space:nowrap;letter-spacing:.01em}
.discord-join:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 28px rgba(88,101,242,.35)}

@media(max-width:768px){
  .ev-card-bottom{flex-direction:column;align-items:flex-start}
  .ev-card-host{margin-left:0}
  .discord-cta{flex-direction:column;text-align:center}
  .discord-join{width:100%;justify-content:center}
  .ideas-section-head{flex-direction:column;align-items:flex-start}
  .ideas-head-right{width:100%}
  .book-grid{gap:12px}
}
.bk-btn-text:hover { background: rgba(255,255,255,0.1) !important; border-color: var(--bk-accent) !important; color: var(--bk-accent) !important; transform: translateY(-2px); }
.bk-proj-link:hover { border-color: var(--bk-accent) !important; background: rgba(255,255,255,0.06) !important; transform: translateX(4px); } .bk-proj-link:hover svg { color: var(--bk-accent) !important; opacity: 1 !important; transform: translateX(2px); transition: 0.3s; }