:root{--bg:#07040f;--fg:#f4efff;--muted:rgba(244,239,255,.7);--glass:rgba(255,255,255,.06);--border:rgba(255,255,255,.12)}*{box-sizing:border-box}html,body,#root{height:100%}#root{position:relative;isolation:isolate}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--fg);background:radial-gradient(1200px 800px at 50% 30%,rgba(124,58,237,.2),transparent 60%),radial-gradient(900px 600px at 15% 70%,rgba(255,79,216,.12),transparent 60%),radial-gradient(900px 600px at 90% 70%,rgba(167,139,250,.12),transparent 60%),var(--bg);overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory}.page{min-height:100%;padding:24px;display:flex;flex-direction:column;position:relative}.bg{position:fixed;inset:0;pointer-events:none}.noise{position:absolute;inset:-50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");transform:rotate(8deg);opacity:.25;mix-blend-mode:overlay}.glow{position:absolute;width:420px;height:420px;filter:blur(60px);opacity:.35;border-radius:50%}.g1{left:10%;top:20%;background:radial-gradient(circle,rgba(124,58,237,.9),transparent 60%)}.g2{right:10%;bottom:10%;background:radial-gradient(circle,rgba(255,79,216,.65),transparent 60%)}.top{position:fixed;top:16px;left:16px;right:16px;z-index:1000;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.brand{pointer-events:auto;font-weight:700;letter-spacing:.3px;padding:10px 14px;border:1px solid var(--border);border-radius:14px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000040}.hint{pointer-events:auto;color:var(--muted);font-size:14px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#0a06126b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hub3-root{min-height:100%}.hub3-section{position:relative;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;overflow:hidden}.hub3-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.56) saturate(1.05);transform:scale(1.02);z-index:0}.hub3-overlay{position:absolute;inset:0;z-index:1;background:radial-gradient(58% 55% at 50% 50%,rgba(130,88,255,.12),transparent 70%),linear-gradient(to bottom,#05030f5c,#05030f85)}.hub3-content{position:relative;z-index:2;width:min(1100px,92vw);min-height:64vh;display:grid;place-items:center;gap:20px;text-align:center}.hub3-content--center{justify-items:center;text-align:center}.hub3-content--left{justify-items:start;text-align:left;padding-left:clamp(12px,4vw,64px)}.hub3-content--right{justify-items:end;text-align:right;padding-right:clamp(12px,4vw,64px)}.hub3-content--left .hub3-meta{justify-self:start}.hub3-content--right .hub3-meta{justify-self:end}.hub3-subtitle{font-size:clamp(.95rem,1.3vw,1.2rem);color:#f4efffeb;letter-spacing:.35px}.hub3-meta{display:flex;gap:20px;color:#f4efffdb;font-size:.95rem}.bubble{width:clamp(220px,24vw,360px);aspect-ratio:1/1;border-radius:50%;border:1.5px solid rgba(255,255,255,.36);cursor:pointer;position:relative;outline:none;transition:transform .22s ease,box-shadow .25s ease,border-color .25s ease}.bubble:hover{transform:translateY(-2px) scale(1.03)}.bubble:active{transform:scale(.985)}.bubble--transparent{background:radial-gradient(120px 120px at 30% 25%,rgba(255,255,255,.3),transparent 60%),radial-gradient(220px 220px at 60% 70%,rgba(255,255,255,.1),transparent 60%),linear-gradient(135deg,#7c3aed6b,#a78bfa3d,#ff4fd82e);box-shadow:0 20px 70px #7c3aed38,inset 0 1px #ffffff4d,inset 0 0 28px #ffffff1f;backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%)}.bubble--transparent:hover{border-color:#c8e0ffad;box-shadow:0 24px 86px #623adc4d,inset 0 1px #ffffff59,inset 0 0 34px #ffffff29}.label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:clamp(2rem,3.6vw,3.6rem);font-weight:800;letter-spacing:.4px;color:#fffffff5;text-shadow:0 8px 26px rgba(0,0,0,.45)}.hub3-section[data-key=karanvir] .bubble--transparent{background:radial-gradient(130px 130px at 30% 24%,rgba(255,255,255,.5),transparent 62%),radial-gradient(240px 240px at 64% 72%,rgba(255,255,255,.2),transparent 66%),linear-gradient(135deg,#ffffff42,#ebeeff29,#ffffff1a);border-color:#ffffff9e;box-shadow:0 20px 70px #b9c3ff33,inset 0 1px #ffffffb8,inset 0 0 34px #ffffff38;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.hub3-section[data-key=karanvir] .bubble--transparent:hover{border-color:#ffffffd1;box-shadow:0 24px 86px #d2dcff3d,inset 0 1px #ffffffd9,inset 0 0 40px #ffffff47}.hub3-section[data-key=karanvir] .label{color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.42)}.hub3-section[data-key=deepanshu] .bubble--transparent{background:radial-gradient(120px 120px at 30% 25%,rgba(255,255,255,.16),transparent 62%),radial-gradient(220px 220px at 60% 70%,rgba(255,255,255,.05),transparent 65%),linear-gradient(135deg,#14141c94,#0a0a0e85,#0000009e);border-color:#dcdceb5c;box-shadow:0 20px 70px #0000006b,inset 0 1px #ffffff38,inset 0 0 30px #ffffff14;backdrop-filter:blur(13px) saturate(108%);-webkit-backdrop-filter:blur(13px) saturate(108%)}.hub3-section[data-key=deepanshu] .bubble--transparent:hover{border-color:#e6e6f585;box-shadow:0 24px 84px #0000007a,inset 0 1px #ffffff47,inset 0 0 34px #ffffff1a}.hub3-section[data-key=deepanshu] .label{color:#f2f2faf5}.ar-toggle{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:100001;padding:12px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:#0a0612a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-weight:900;letter-spacing:.08em;cursor:pointer;box-shadow:0 18px 70px #0000008c;transition:all .25s ease}.ar-toggle.on{background:linear-gradient(135deg,#7c3aedf2,#3b82f6d9);border-color:#a78bfa99;box-shadow:0 0 0 2px #7c3aed40,0 22px 90px #7c3aed59}.ar-toggle:hover{transform:translate(-50%) scale(1.05)}.hub-dots{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:1000;display:grid;gap:10px}.dot-link{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.56);display:grid;place-items:center;background:#0a061273;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dot{width:6px;height:6px;border-radius:50%;background:#ffffffb8}.dot.active{background:#9ddcfffa}.kr-page{min-height:100vh;background:#05070a;color:#9ee7ff;font-family:VT323,monospace;overflow-x:hidden;overflow-y:auto}.kr-date{position:fixed;top:14px;left:18px;font-size:14px;opacity:.8;letter-spacing:.12em}.kr-layout{display:grid;grid-template-columns:240px 1fr;padding:60px 40px;gap:24px}.kr-rail{border:1px solid rgba(158,231,255,.25);padding:14px}.kr-tab{display:block;width:100%;margin-bottom:8px;background:transparent;border:1px solid rgba(158,231,255,.2);color:#9ee7ff;padding:10px;font-size:16px}.kr-tab.active{background:#9ee7ff26}.kr-card{border:1px solid rgba(158,231,255,.3);padding:24px;min-height:300px}.kr-page:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 3px}@media(max-width:980px){.hint{display:none}.hub3-content{min-height:58vh}.bubble{width:clamp(200px,52vw,290px)}.label{font-size:clamp(1.8rem,8vw,2.7rem)}.hub-dots{right:10px}.hub3-content--left,.hub3-content--right{justify-items:center;text-align:center;padding-left:0;padding-right:0}.hub3-content--left .hub3-meta,.hub3-content--right .hub3-meta{justify-self:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bubble{transition:none}.hub3-video{transform:none}}.dp-wrap{min-height:100vh;color:#f2f2f2;display:grid;grid-template-rows:auto 1fr auto;padding:22px;position:relative;overflow:hidden}.dp-bg{position:fixed;inset:0;z-index:0;background:linear-gradient(to bottom,#00000073,#000000b8),url(/batmanv3.avif) center / cover no-repeat}.dp-topbar,.dp-stage,.dp-dots{position:relative;z-index:2}.dp-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1000px;width:100%;margin:0 auto 16px}.dp-btn{background:#0f0f0fb8;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:10px 14px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .22s ease}.dp-btn:hover{background:#1a1a1ad6;border-color:#ffffff57}.dp-counter{font-size:14px;color:#d0d0d0}.dp-stage{display:grid;place-items:center;padding:8px}.dp-slide{width:min(1000px,94vw);background:#0808088f;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:clamp(20px,4vw,44px);box-shadow:0 18px 60px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;overflow:hidden}.glow-reactive:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(120,180,255,.95),rgba(168,85,247,.62) 30%,rgba(255,255,255,.14) 55%,rgba(255,255,255,.04) 75%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.58;transition:opacity .2s ease}.glow-reactive:hover:before{opacity:.95}.dp-slide h1{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}.dp-sub{margin:10px 0 20px;color:#c9c9c9;font-size:clamp(.95rem,1.6vw,1.08rem)}.dp-slide ul{margin:0;padding-left:1.2rem;display:grid;gap:10px}.dp-slide li{line-height:1.5;color:#f0f0f0}.dp-dots{margin:16px auto 4px;display:flex;gap:10px}.dp-dot{width:10px;height:10px;border-radius:999px;border:1px solid #8a8a8a;background:#161616;cursor:pointer}.dp-dot.active{background:#fff;border-color:#fff}.dp-home-btn{position:fixed;top:16px;left:16px;z-index:3;background:#0c0c0cb3;color:#fff;border:1px solid rgba(255,255,255,.26);border-radius:12px;padding:10px 14px;font-weight:700;letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .22s ease}.dp-home-btn:hover{background:#141414e0;border-color:#ffffff75;transform:translateY(-1px)}