@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--background-dark: #0A0A0A;--background-light: #111111;--primary-purple: #6A3FFB;--primary-glow: rgba(106, 63, 251, .5);--text-primary: #F5F5F7;--text-secondary: #A1A1A6;--text-tertiary: #5A5A5E;--border-color: #27272A;--status-live: #00FFD1;--status-optimal: #B65EFF;--status-beta: #FFA800}body{background-color:var(--background-dark);color:var(--text-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:1280px;margin:0 auto;padding:0 2rem}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.logo-container{display:flex;align-items:center;gap:.75rem;font-weight:600}.nav-links{display:flex;gap:2rem;font-size:.9rem;color:var(--text-secondary)}.nav-links a{color:inherit;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.connect-button{background:var(--background-light);color:var(--text-primary);border:1px solid var(--border-color);border-radius:999px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.connect-button:hover{background:var(--primary-purple);border-color:var(--primary-purple)}.hero-section{text-align:center;padding:6rem 0}.live-banner{border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:999px;font-size:.8rem;font-weight:500;display:inline-block;margin-bottom:1.5rem}.main-headline{font-size:6rem;font-weight:800;letter-spacing:-.05em;margin:0;text-shadow:0 0 20px rgba(255,255,255,.1)}.sub-headline{font-size:1.25rem;max-width:500px;margin:1.5rem auto 2.5rem;color:var(--text-secondary);line-height:1.6}.sub-headline strong{color:var(--text-primary);font-weight:500}.hero-buttons{display:flex;justify-content:center;gap:1rem}.explore-button,.portal-button{padding:1rem 2rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.explore-button{background:var(--primary-purple);color:#fff;display:flex;align-items:center;gap:.5rem}.explore-button:hover{filter:brightness(1.2)}.portal-button{background:var(--background-light);color:var(--text-primary);border:1px solid var(--border-color)}.portal-button:hover{border-color:var(--text-primary)}.project-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;padding:2rem 0}.project-card{background:var(--background-light);border-radius:1.5rem;padding:1px;position:relative;overflow:hidden;transition:transform .3s ease;width:380px;display:flex}.project-card:hover{transform:translateY(-5px)}.project-card:hover .card-border-glow{opacity:1}.card-border-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.5rem;background:conic-gradient(from 180deg at 50% 50%,var(--primary-purple) 0deg,var(--status-live) 360deg);filter:blur(20px);opacity:0;transition:opacity .4s ease}.card-content{background:var(--background-light);border-radius:1.5rem;padding:2rem;position:relative;z-index:1;display:flex;flex-direction:column;width:100%}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.card-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;background:var(--background-dark);border:1px solid var(--border-color);color:var(--status-live);box-shadow:0 0 15px #00ffd133}.status-pill{font-size:.8rem;font-weight:500;padding:.25rem .75rem;border-radius:999px;display:flex;align-items:center;gap:.5rem}.status-dot{width:6px;height:6px;border-radius:50%}.status-pill.live{color:var(--status-live);background:#00ffd11a}.status-pill.live .status-dot{background:var(--status-live)}.status-pill.optimal{color:var(--status-optimal);background:#b65eff1a}.status-pill.optimal .status-dot{background:var(--status-optimal)}.status-pill.beta{color:var(--status-beta);background:#ffa8001a}.status-pill.beta .status-dot{background:var(--status-beta)}.card-title{font-size:1.25rem;margin:0 0 .75rem}.card-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;flex-grow:1;margin-bottom:2rem}.card-footer{display:flex;justify-content:space-between;align-items:center}.launch-button,.code-link-button{height:48px;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--border-color)}.launch-button{background:var(--primary-purple);color:#fff;padding:0 1.5rem;display:flex;align-items:center;gap:.5rem}.launch-button:hover{filter:brightness(1.2)}.code-link-button{background:var(--background-light);color:var(--text-secondary);width:48px;display:grid;place-items:center;font-size:1.25rem;text-decoration:none}.code-link-button:hover{color:var(--text-primary);border-color:var(--text-primary)}.read-docs-link{color:var(--primary-purple);font-weight:500;text-decoration:none}.project-grid .project-card:last-child .card-content{display:grid;place-items:center;text-align:center}.project-grid .project-card:last-child .card-icon{margin:0 auto 1.5rem}.stats-bar{display:flex;justify-content:space-around;background:var(--background-light);border:1px solid var(--border-color);border-radius:1.5rem;padding:2.5rem;margin:6rem 0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-value{font-size:2rem;font-weight:700}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.stat-divider{width:1px;background:var(--border-color)}.footer{border-top:1px solid var(--border-color);padding:2rem 0;font-size:.9rem;color:var(--text-secondary)}.footer-main{display:flex;justify-content:space-between;align-items:center}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-logo p{margin-left:1.5rem}.footer-status{display:flex;align-items:center;gap:.5rem}.footer-socials{display:flex;gap:1rem}.footer-socials a{color:var(--text-secondary);text-decoration:none;font-size:1.25rem;transition:color .2s}.footer-socials a:hover{color:var(--text-primary)}
