@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap";html,body,#root{width:100%;min-width:320px;min-height:100vh}button{font:inherit}.navbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:clamp(24px,3.1vw,48px) clamp(44px,4.8vw,74px) clamp(8px,1.5vw,20px)}.navbar-left,.navbar-right{display:flex;align-items:center}.navbar-left{gap:18px}.brand-divider{width:1px;height:28px;background:#ffffff40}.brand-name{color:var(--white);font-size:clamp(20px,1.6vw,30px);font-weight:500;letter-spacing:1px}@media(max-width:760px){.navbar{padding:20px}.brand-name{font-size:12px;letter-spacing:2px}}.hero{position:relative;z-index:1;flex:1;display:flex;overflow:visible}.hero-left{position:relative;z-index:3;align-self:flex-end;max-width:clamp(360px,34vw,520px);padding:0 0 clamp(130px,12vw,210px) clamp(44px,5.4vw,86px);display:flex;flex-direction:column;gap:18px}.hero-headline{color:var(--white);font-size:clamp(72px,7.9vw,150px);font-weight:900;letter-spacing:-2px;line-height:.9;text-shadow:0 0 40px rgba(224,64,251,.3)}.hero-body{max-width:clamp(300px,30vw,460px);color:#ffffffb8;font-size:clamp(12px,.86vw,16px);font-weight:600;line-height:1.65}.hero-cta{display:flex;align-items:center;gap:18px}.download-btn{padding:9px 28px;border:0;border-radius:20px;background:var(--white);color:#536070;font-size:12px;font-weight:800;letter-spacing:2px;transition:background .2s,color .2s}.download-btn:hover{background:var(--white);color:var(--purple-deep)}.hero-character{position:absolute;right:0;bottom:-18%;z-index:8;width:56%;height:126%;max-width:880px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.character-img{position:relative;z-index:2;width:auto;max-width:none;height:100%;transform:translateY(-6%) scale(1.02);transform-origin:bottom center;filter:drop-shadow(0 0 20px rgba(255,94,242,.5)) drop-shadow(0 0 46px rgba(0,0,0,.65))}@media(max-width:760px){.hero-left{padding:0 24px 42px}.hero-character{right:-10%;width:70%;opacity:.9}}.bottom-bar{position:absolute;right:0;bottom:clamp(18px,1.9vw,28px);z-index:12;width:67%;height:clamp(78px,5.8vw,106px);flex-shrink:0;display:flex;align-items:stretch;background:linear-gradient(90deg,#3d2554,#785488eb 40%,#5c406df2);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bar-nav{flex:1;display:flex;align-items:center;justify-content:center}.unlock-card{min-width:clamp(270px,24vw,365px);display:flex;align-items:stretch}.raven-thumb{width:clamp(118px,10.8vw,166px);flex-shrink:0;overflow:hidden;background:#07050d}.raven-thumb-art{width:100%;height:100%;display:block}.unlock-text{display:flex;flex-direction:column;justify-content:center;padding:0 clamp(18px,2vw,30px)}.xp-label{color:#ffffffc7;font-size:clamp(10px,.75vw,13px);font-weight:800;line-height:1}.unlock-sub{color:var(--white);font-size:clamp(14px,1.15vw,20px);font-weight:800;letter-spacing:1px;line-height:1.15}.skin-name{color:var(--white);font-size:clamp(21px,1.75vw,31px);font-weight:900;letter-spacing:1px;line-height:1}.bar-nav-item{height:100%;min-width:clamp(82px,7vw,120px);display:flex;align-items:center;justify-content:center;gap:14px;padding:0 clamp(12px,1.6vw,24px)}.bar-nav-item.compact{gap:clamp(10px,1.4vw,22px);min-width:clamp(122px,11vw,170px)}.bar-nav-item--active{min-width:clamp(82px,6.8vw,112px);background:#3c274e73;border-right:1px solid rgba(255,255,255,.17);border-left:1px solid rgba(255,255,255,.17)}.bar-nav-label{color:#ffffffb3;font-size:clamp(10px,.78vw,13px);font-weight:800;letter-spacing:2px}.bar-divider-v{width:1px;height:calc(100% - 28px);background:#ffffff1a}@media(max-width:760px){.bar-nav-item{min-width:0;padding:0 18px}.bar-nav-label{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple-deep: #1a0a2e;--purple-mid: #3d1560;--purple-bright: #9b30d9;--magenta-glow: #d020a0;--neon-pink: #e040fb;--white: #ffffff;--white-60: rgba(255, 255, 255, .6);--white-20: rgba(255, 255, 255, .2)}body{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 19% 36%,rgba(255,124,231,.9) 0 9%,transparent 22%),radial-gradient(circle at 66% 4%,rgba(255,111,227,.95) 0 16%,transparent 31%),radial-gradient(circle at 47% 72%,rgba(220,75,205,.65) 0 18%,transparent 36%),linear-gradient(135deg,#2d0a35,#9e177e 47%,#430d4d);color:var(--white);font-family:Inter,Arial,sans-serif}button{border:0;background:none;color:inherit;cursor:pointer}.app-shell{width:100%;min-height:100svh;display:grid;place-items:center;padding:32px}.screen-frame{position:relative;width:min(78vw,calc((100svh - 96px) * 16 / 9),1480px);aspect-ratio:16 / 9;overflow:visible;display:flex;flex-direction:column;border:8px solid #050406;border-radius:1px;background:linear-gradient(90deg,rgba(255,255,255,.055) 0 11%,transparent 11% 18%,rgba(255,255,255,.055) 18% 25%,transparent 25% 100%),linear-gradient(180deg,rgba(255,255,255,.05) 0 12%,transparent 12% 100%),var(--purple-deep);box-shadow:0 0 110px #45043ba6}.screen-frame:before{content:"HCA";position:absolute;top:50%;left:50%;z-index:0;color:#ffffff08;font-size:clamp(260px,42vw,720px);font-weight:900;letter-spacing:-.05em;line-height:1;pointer-events:none;transform:translate(-50%,-50%);white-space:nowrap}.content-area{position:relative;flex:1;display:flex;overflow:visible}.content-area:before{content:"";position:absolute;top:-20%;right:10%;z-index:0;width:70%;height:130%;background:radial-gradient(ellipse at 50% 50%,rgba(180,20,180,.45) 0%,transparent 70%);pointer-events:none}@media(max-width:760px){.app-shell{padding:16px}.screen-frame{min-height:620px;aspect-ratio:auto}}