#hexgraven-app[data-v-c3f29f07]{min-height:100vh;position:relative;background:#0a0a0a}:root{--hg-red: #dc2626;--hg-cyan: #06b6d4;--hg-magenta: #d946ef;--hg-blue: #2563eb;--hg-dark-red: #7f1d1d;--hg-gold: #fbbf24;--hg-silver: #94a3b8;--vp-c-bg: #0a0a0a;--vp-c-bg-soft: #141414;--vp-c-bg-mute: #1e1e1e;--vp-c-text-1: #e5e5e5;--vp-c-text-2: #a8a8a8;--vp-c-text-3: #6b6b6b;--vp-c-border: #2e2e2e;--vp-c-divider: #2e2e2e}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:var(--vp-c-bg)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--vp-c-text-1);background:var(--vp-c-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-background{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:0;overflow:hidden;background-image:url(/hexgraven/logo.png);background-size:600px auto;background-position:center center;background-repeat:no-repeat;opacity:.08}.nav-bar{position:fixed;top:0;left:0;right:0;height:64px;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(127,29,29,.2);z-index:100;display:flex;align-items:center}.nav-container{max-width:1200px;width:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-title{font-size:1.5rem;font-weight:900;background:linear-gradient(120deg,var(--hg-red),var(--hg-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.1em}.nav-links{display:flex;align-items:center;gap:1.5rem}.discord-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#5865f21a;border:1px solid rgba(88,101,242,.3);border-radius:8px;color:#8b9bf4;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.discord-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(88,101,242,.2),transparent);transition:left .5s ease}.discord-link:hover{background:#5865f233;border-color:#5865f2;color:#fff;transform:translateY(-2px);box-shadow:0 5px 20px #5865f24d}.discord-link:hover:before{left:100%}.discord-icon{width:20px;height:20px;transition:transform .3s ease}.discord-link:hover .discord-icon{transform:scale(1.1) rotate(5deg)}.discord-text{font-size:.9rem;letter-spacing:.05em}.seal-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(127,29,29,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.particle{position:absolute;width:4px;height:4px;background:var(--hg-gold);border-radius:50%;opacity:0;animation:float-up 10s infinite}.particle-1{left:10%;animation-delay:0s}.particle-2{left:30%;animation-delay:2s}.particle-3{left:50%;animation-delay:4s}.particle-4{left:70%;animation-delay:6s}.particle-5{left:90%;animation-delay:8s}@keyframes float-up{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100px) scale(1.5);opacity:0}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.5}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 2rem;position:relative;z-index:10}.hero-content{text-align:center;max-width:800px}.hero-name{font-size:5rem;font-weight:900;letter-spacing:.1em;background:linear-gradient(180deg,var(--hg-gold) 0%,var(--hg-red) 50%,var(--hg-dark-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 80px rgba(220,38,38,.5);animation:glow-pulse 3s ease-in-out infinite;margin-bottom:.5rem}.hero-subtitle{font-size:1.25rem;font-weight:400;color:var(--hg-silver);text-transform:lowercase;letter-spacing:.15em;margin-bottom:2rem;font-style:italic;opacity:.9}.hero-text{font-size:2.5rem;font-weight:300;color:var(--hg-silver);text-transform:uppercase;letter-spacing:.2em;margin:1rem 0;opacity:.9}.hero-tagline{font-size:1.25rem;color:var(--vp-c-text-2);font-style:italic;max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero-actions{margin-top:3rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-button{display:inline-block;background:linear-gradient(135deg,var(--hg-red),var(--hg-dark-red));border:1px solid var(--hg-red);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:1rem 2.5rem;font-size:1.125rem;text-decoration:none;border-radius:4px;transition:all .3s ease}.hero-button-secondary{background:transparent;border:1px solid var(--hg-gold);color:var(--hg-gold)}.hero-button-secondary:hover{background:var(--hg-gold);color:#0a0a0a;box-shadow:0 10px 30px #fbbf2480,0 0 30px #fbbf2480}.hero-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #dc262680,0 0 30px #dc262680}@keyframes glow-pulse{0%,to{text-shadow:0 0 40px rgba(220,38,38,.5)}50%{text-shadow:0 0 60px rgba(251,191,36,.8),0 0 80px rgba(220,38,38,.5)}}section{position:relative;z-index:10;padding:80px 0;max-width:1200px;margin:0 auto}.section-content{max-width:800px;margin:0 auto;text-align:center;padding:0 2rem}.awakening-section{background:linear-gradient(180deg,transparent 0%,rgba(127,29,29,.05) 50%,transparent 100%)}.glowing-title{font-size:3rem;font-weight:900;margin-bottom:3rem;background:linear-gradient(120deg,var(--hg-gold),var(--hg-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.1em}.lore-text{font-size:1.25rem;line-height:1.8;color:var(--vp-c-text-1);margin-bottom:2rem;text-align:left}.highlight{color:var(--hg-gold);font-weight:700;text-shadow:0 0 20px rgba(251,191,36,.5)}.champions-section{background:#14141480;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(220,38,38,.2);border-bottom:1px solid rgba(220,38,38,.2);position:relative;padding:80px 2rem;display:flex;flex-direction:column;align-items:center}.section-title{font-size:3rem;font-weight:900;text-align:center;margin-bottom:3rem;background:linear-gradient(120deg,var(--hg-gold),var(--hg-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.1em;width:100%}.champions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.champion-preview{border:2px solid var(--champion-color);border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:all .4s ease;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:350px;display:flex;flex-direction:column;justify-content:flex-end}.champion-preview:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .5s ease,filter .5s ease;z-index:1;filter:brightness(1.1) contrast(1.05)}.champion-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0a0a0ab3,#0a0a0acc 70%,#0a0a0ae6);transition:all .3s ease;z-index:2}.champion-preview:hover{transform:translateY(-8px) scale(1.02) rotate(.5deg);box-shadow:0 15px 40px #0009,0 0 40px var(--champion-color);border-color:var(--champion-color)}.champion-preview:hover:before{background:linear-gradient(180deg,#0a0a0a80,#0a0a0ab3 70%,#0a0a0acc)}.champion-preview.brute{--champion-color: var(--hg-red);background-image:url(/champions/brute.png)}.champion-preview.brute:after{background-image:url(/champions/brute_ascended.png)}.champion-preview.brute:hover:after{opacity:1}.champion-preview.scholar{--champion-color: var(--hg-cyan);background-image:url(/champions/scholar.png)}.champion-preview.scholar:after{background-image:url(/champions/scholar_ascended.png)}.champion-preview.scholar:hover:after{opacity:1}.champion-preview.deviant{--champion-color: var(--hg-magenta);background-image:url(/champions/deviant.png)}.champion-preview.deviant:after{background-image:url(/champions/deviant_ascended.png)}.champion-preview.deviant:hover:after{opacity:1}.champion-preview.commissioner{--champion-color: var(--hg-blue);background-image:url(/champions/commissioner.png)}.champion-preview.commissioner:after{background-image:url(/champions/commissioner_ascended.png)}.champion-preview.commissioner:hover:after{opacity:1}.champion-preview.bloodbound{--champion-color: var(--hg-dark-red);background-image:url(/champions/bloodbound.png)}.champion-preview.bloodbound:after{background-image:url(/champions/bloodbound_ascended.png)}.champion-preview.bloodbound:hover:after{opacity:1}.champion-preview h3{font-size:1.5rem;color:var(--champion-color);margin-bottom:.5rem;position:relative;z-index:3}.champion-preview p{color:var(--vp-c-text-2);font-size:.875rem;line-height:1.4;position:relative;z-index:3}.seals-section{padding:100px 0;background:linear-gradient(180deg,transparent 0%,rgba(127,29,29,.05) 50%,transparent 100%);border-top:1px solid rgba(220,38,38,.1)}.seals-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.seals-description{font-size:1.25rem;color:var(--vp-c-text-1);margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.seals-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2rem;margin-top:3rem;max-width:800px;margin-left:auto;margin-right:auto}.seal-preview{border:2px solid var(--seal-color);border-radius:12px;padding:1.5rem;text-align:center;transition:all .4s ease;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end}.seal-preview:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .5s ease,filter .5s ease;z-index:1;filter:brightness(1.1) contrast(1.05)}.seal-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0a0a0ab3,#0a0a0acc 70%,#0a0a0ae6);transition:all .3s ease;z-index:2}.seal-preview:hover{transform:translateY(-8px) scale(1.02) rotate(-.5deg);box-shadow:0 15px 40px #0009,0 0 40px var(--seal-color);border-color:var(--seal-color)}.seal-preview:hover:before{background:linear-gradient(180deg,#0a0a0a80,#0a0a0ab3 70%,#0a0a0acc)}.seal-preview.ledger{--seal-color: var(--hg-gold);background-image:url(/seals/common_ledger.png)}.seal-preview.ledger:after{background-image:url(/seals/common_ledger_sanctified.png)}.seal-preview.ledger:hover:after{opacity:1}.seal-preview.oath{--seal-color: #22c55e;background-image:url(/seals/seraphic_oath.png)}.seal-preview.oath:after{background-image:url(/seals/seraphic_oath_sanctified.png)}.seal-preview.oath:hover:after{opacity:1}.seal-preview.pact{--seal-color: var(--hg-red);background-image:url(/seals/infernal_pact.png)}.seal-preview.pact:after{background-image:url(/seals/infernal_pact_sanctified.png)}.seal-preview.pact:hover:after{opacity:1}.seal-preview.discord{--seal-color: var(--hg-magenta);background-image:url(/seals/wild_discord.png)}.seal-preview.discord:after{background-image:url(/seals/wild_discord_sanctified.png)}.seal-preview.discord:hover:after{opacity:1}.seal-preview.roster{--seal-color: var(--hg-blue);background-image:url(/seals/hallowed_roster.png)}.seal-preview.roster:after{background-image:url(/seals/hallowed_roster_sanctified.png)}.seal-preview.roster:hover:after{opacity:1}.seal-preview.covenant{--seal-color: var(--hg-cyan);background-image:url(/seals/withered_covenant.png)}.seal-preview.covenant:after{background-image:url(/seals/withered_covenant_sanctified.png)}.seal-preview.covenant:hover:after{opacity:1}.seal-preview h3{font-size:1.125rem;color:var(--seal-color);margin-bottom:.5rem;position:relative;z-index:3}.seal-preview p{color:var(--vp-c-text-2);font-size:.8rem;line-height:1.4;position:relative;z-index:3}.mysteries-section{padding:100px 0;background:linear-gradient(180deg,transparent 0%,rgba(251,191,36,.02) 50%,transparent 100%)}.mystery-content{max-width:1000px;margin:0 auto;padding:0 2rem;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#1e1e1e99;border:1px solid rgba(251,191,36,.2);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-5px);border-color:var(--hg-gold);box-shadow:0 10px 30px #00000080,inset 0 0 30px #fbbf241a}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:inline-block;animation:float 3s ease-in-out infinite}.feature-card:nth-child(2) .feature-icon{animation-delay:.5s}.feature-card:nth-child(3) .feature-icon{animation-delay:1s}.feature-card:nth-child(4) .feature-icon{animation-delay:1.5s}.feature-card:nth-child(5) .feature-icon{animation-delay:2s}.feature-card:nth-child(6) .feature-icon{animation-delay:2.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card h3{font-size:1.25rem;color:var(--hg-gold);margin-bottom:.75rem}.feature-card p{color:var(--vp-c-text-2);font-size:.875rem;line-height:1.5}.final-call{padding:120px 0;text-align:center;background:radial-gradient(ellipse at center,rgba(127,29,29,.1) 0%,transparent 60%)}.final-content{max-width:600px;margin:0 auto;padding:0 2rem}.pulse-title{font-size:2.5rem;font-weight:900;margin-bottom:2rem;color:var(--hg-red);text-transform:uppercase;letter-spacing:.1em;animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.final-text{font-size:1.25rem;color:var(--vp-c-text-1);margin-bottom:3rem;line-height:1.6}.coming-soon{display:inline-block;font-size:2rem;font-weight:900;color:var(--hg-gold);text-transform:uppercase;letter-spacing:.2em;padding:1rem 3rem;border:2px solid var(--hg-gold);border-radius:8px;background:#fbbf241a;text-shadow:0 0 30px rgba(251,191,36,.5);animation:glow-border 2s ease-in-out infinite}@keyframes glow-border{0%,to{box-shadow:0 0 20px #fbbf2480,inset 0 0 20px #fbbf241a}50%{box-shadow:0 0 40px #fbbf24cc,inset 0 0 30px #fbbf2433}}.footer{background:#14141480;border-top:1px solid rgba(127,29,29,.3);padding:2rem 0;text-align:center}.footer-message{color:var(--hg-silver);font-style:italic;font-size:1.125rem;margin-bottom:.5rem}.footer-copyright{color:var(--vp-c-text-3);font-size:.875rem}@media (max-width: 1024px) and (min-width: 769px){.seals-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);max-width:600px}}@media (max-width: 768px){.hero-name{font-size:3rem}.hero-subtitle{font-size:1rem}.hero-text{font-size:1.5rem}.glowing-title{font-size:2rem}.champions-grid{grid-template-columns:1fr;gap:1rem}.seals-grid{grid-template-columns:1fr;grid-template-rows:none;max-width:400px}.feature-grid{grid-template-columns:1fr}.coming-soon{font-size:1.5rem;padding:.75rem 2rem}.nav-container{text-align:center}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--vp-c-bg)}::-webkit-scrollbar-thumb{background:var(--hg-dark-red);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--hg-red)}::selection{background:#dc26264d;color:var(--hg-gold)}