@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Manrope:wght@200..800&family=Space+Grotesk:wght@300..700&display=swap";:root{--primary: #6c3dbf;--primary-container: #42207a;--secondary: #c134d1;--accent-magenta: #ef5dec;--surface: #14152e;--surface-low: rgba(30, 32, 65, .6);--surface-high: rgba(45, 48, 92, .8);--outline: rgba(108, 61, 191, .4);--outline-glow: rgba(193, 52, 209, .5);--on-surface: #f1f0f5;--on-surface-subtle: #a19db3;--glow-cyan: 0 0 40px rgba(193, 52, 209, .4)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--surface);color:var(--on-surface-subtle);font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}.font-tech{font-family:Space Grotesk,monospace;letter-spacing:.15em;text-transform:uppercase}.text-cyan{color:var(--secondary)}.text-magenta{color:var(--primary)}.hero-title{font-size:clamp(3rem,8vw,8rem);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--on-surface);mix-blend-mode:exclusion}.spaced-text{letter-spacing:.25em;text-transform:uppercase;font-size:.85rem}.app-container{position:relative;width:100vw;perspective:1000px}.wq-section{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;padding:8vw 5vw;position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.05)}.data-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;width:100%;max-width:1600px;margin:0 auto}.grid-col-4{grid-column:span 4}.grid-col-6{grid-column:span 6}.grid-col-8{grid-column:span 8}.grid-col-12{grid-column:span 12}@media (max-width: 1024px){.grid-col-4,.grid-col-6,.grid-col-8{grid-column:span 12}}.wireframe-card{background:linear-gradient(145deg,#141a2ecc,#0a0d17e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(76,215,246,.2);border-radius:4px;padding:3rem;position:relative;overflow:hidden;transition:border-color .4s ease,transform .6s cubic-bezier(.16,1,.3,1)}.wireframe-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% -20%,rgba(76,215,246,.1),transparent 70%);opacity:0;transition:opacity .5s}.wireframe-card:hover{border-color:#4cd7f6cc;box-shadow:var(--glow-cyan);transform:translateY(-5px)}.wireframe-card:hover:before{opacity:1}.tech-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5;pointer-events:none;z-index:0}.nfinite-nav{position:fixed;top:2rem;left:50%;transform:translate(-50%);display:flex;gap:2rem;background:#0a0d17cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 3rem;border-radius:100px;border:1px solid rgba(255,255,255,.1);z-index:100}.nfinite-nav a{color:var(--on-surface);text-decoration:none;font-size:.8rem;letter-spacing:.1em;opacity:.6;transition:opacity .3s;text-transform:uppercase}.nfinite-nav a:hover{opacity:1;color:var(--secondary)}.element-card{border:2px solid rgba(193,52,209,.5);border-radius:6px;padding:1.5rem;display:flex;flex-direction:column;background:#14152eb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 30px #6c3dbf4d,inset 0 0 20px #c134d133;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease;width:clamp(240px,70vw,320px);aspect-ratio:4/5;position:relative;overflow:hidden;box-sizing:border-box}.element-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,rgba(193,52,209,.2),transparent 60%);opacity:.5;pointer-events:none}.element-card:hover{transform:translateY(-10px);box-shadow:0 0 50px #c134d199,inset 0 0 30px #6c3dbf80;border-color:var(--secondary)}.element-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.element-number{font-family:Space Grotesk,monospace;font-size:1.25rem;font-weight:600;color:var(--on-surface);line-height:1}.element-oxidation{font-family:Space Grotesk,monospace;font-size:.85rem;color:var(--on-surface-subtle);line-height:1}.element-symbol{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(6rem,20vw,8.5rem);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--on-surface);text-shadow:0 0 30px rgba(193,52,209,.4);margin:auto;background:linear-gradient(135deg,#fff,#c134d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.element-footer{width:100%;text-align:center;display:flex;flex-direction:column;gap:.25rem}.element-name{font-size:clamp(1rem,5vw,1.4rem);font-weight:700;letter-spacing:.05em;color:var(--on-surface);text-transform:uppercase}.element-weight{font-family:Space Grotesk,monospace;font-size:.95rem;color:var(--on-surface-subtle);letter-spacing:.05em}.card-shine{position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:skew(-20deg);animation:shine 5s infinite cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:10}@keyframes shine{0%{left:-150%}25%{left:200%}to{left:200%}}@media (max-width: 1024px){.mobile-safe-section{flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:3rem!important;width:100%!important}.mobile-safe-section>div:nth-child(1){text-align:left!important;max-width:100%!important}.mobile-safe-section>div:nth-child(2){position:relative!important;left:0!important;right:0!important;top:0!important;transform:none!important;text-align:left!important;border-right:none!important;border-left:2px solid var(--primary)!important;padding-right:0!important;padding-left:1.5rem!important;max-width:100%!important;margin-top:1rem!important}h2.font-newsreader{font-size:clamp(3rem,12vw,4rem)!important}}