@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@700&display=swap";
:root{--bg-color:#0a0a0e;--text-color:#fff;--text-gray:#8a8a9e;--card-bg:#111116;--card-border:#1c1c26;--accent-pink:#e33b76;--accent-purple:#9d4edd;--gradient-neon:linear-gradient(90deg, var(--accent-purple), var(--accent-pink));--font-space:"Space Grotesk", sans-serif;--font-inter:"Inter", sans-serif}[data-theme=light]{--bg-color:#f7f7fa;--text-color:#0a0a0e;--text-gray:#556;--card-bg:#fff;--card-border:#e0e0e6}*{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(10px,1.4vh,16px)}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-inter), Arial;justify-content:center;align-items:center;height:100vh;display:flex;overflow:hidden}.app-wrapper{flex-direction:column;width:100%;max-width:1600px;height:100vh;padding:1rem 2rem;display:flex}.navbar{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;background:#11111666;border-radius:4rem;justify-content:center;align-items:center;width:auto;margin:0 auto;padding:.75rem 1.5rem;display:flex}.logo-group{align-items:center;gap:1rem;display:flex}.logo-icon{width:32px;height:32px}.logo-text{font-family:var(--font-space), sans-serif;letter-spacing:.15em;text-transform:uppercase;font-size:1.375rem;font-weight:700}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-color);font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-color)}.nav-links a.active:after{content:"";background:var(--gradient-neon);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-.5rem;left:0}.nav-actions{align-items:center;gap:1rem;display:flex}.theme-toggle-btn{border:1px solid var(--card-border);width:36px;height:36px;color:var(--text-color);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.theme-toggle-btn:hover{background:#ffffff1a}.floating-theme-btn{z-index:999;background:var(--card-bg);width:48px;height:48px;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #0003}.floating-theme-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.btn-primary{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);cursor:pointer;border-radius:2rem;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.9375rem;font-weight:600;transition:all .3s;display:flex}.btn-primary:hover{border-color:var(--accent-pink)}.btn-primary .arrow-icon{background:var(--gradient-neon);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.hero{justify-content:space-between;align-items:flex-end;margin-top:1.5rem;margin-bottom:1.5rem;padding:0 1rem;display:flex}.hero-left{max-width:600px}.hero-label{color:var(--accent-pink);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}.hero h1{font-family:var(--font-space), sans-serif;margin-bottom:.75rem;font-size:4.5rem;font-weight:700;line-height:1.1}.gradient-text{background:var(--gradient-neon);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-left p{color:var(--text-gray);max-width:500px;font-size:.85rem;line-height:1.4}.hero-right{text-align:right;border-left:1px solid var(--card-border);flex-direction:column;align-items:flex-start;max-width:250px;padding-left:2rem;display:flex}.hero-right p{color:var(--text-gray);margin-bottom:.75rem;font-size:.85rem;line-height:1.3}.explore-link{color:var(--accent-purple);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.explore-link:hover{color:var(--accent-pink)}.explore-link .circle-arrow{border:1px solid var(--card-border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex}.explore-link:hover .circle-arrow{border-color:var(--accent-pink)}.cards-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:repeat(6,1fr);gap:1rem;min-height:0;display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;flex-direction:column;padding:1.25rem;display:flex;position:relative;overflow:hidden}.card:hover{border-color:#e33b7666}.card-overlay{-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;z-index:10;pointer-events:none;background:#0a0a0e;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s;display:flex;position:absolute;top:0;left:0}.card:hover .card-overlay{opacity:1;visibility:visible}.overlay-text{font-family:var(--font-space), sans-serif;letter-spacing:.15em;text-transform:uppercase;background:var(--gradient-neon);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.card:hover .overlay-text{transform:translateY(0)}.card.col-2{grid-column:span 2}.card.col-3{grid-column:span 3}.card-header{z-index:2;justify-content:space-between;margin-bottom:1rem;display:flex;position:relative}.card-number{color:var(--accent-purple);font-family:var(--font-space), sans-serif;font-size:1.375rem;font-weight:700}.badge{border:1px solid var(--card-border);background:#ffffff0d;border-radius:2rem;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.8125rem;font-weight:500;display:flex}.badge-dot{background:var(--accent-pink);border-radius:50%;width:6px;height:6px}.card h2{font-family:var(--font-space), sans-serif;letter-spacing:.05em;z-index:2;margin-bottom:.5rem;font-size:2.625rem;font-weight:700;position:relative}.card-desc{color:var(--text-gray);z-index:2;max-width:75%;margin-bottom:1rem;font-size:1.0625rem;font-weight:400;line-height:1.4;position:relative}.subtopics-list{z-index:2;margin-bottom:auto;list-style:none;position:relative}.subtopics-list li{color:var(--text-color);align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.9375rem;font-weight:500;display:flex}.subtopics-list li:before{content:"";background:var(--accent-pink);border-radius:50%;width:4px;height:4px;display:inline-block}.subtopics-list li .arrow{color:var(--text-gray);opacity:.5;margin-left:auto;font-size:.75rem}.card-footer{z-index:2;margin-top:1rem;position:relative}.card-img{object-fit:cover;z-index:1;opacity:.9;border-radius:.5rem;width:55%;height:100%;position:absolute;bottom:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 50%,#0000 100%);mask-image:linear-gradient(270deg,#000 50%,#0000 100%)}.card.col-3 .card-img{object-fit:cover;width:60%;height:100%;bottom:0;right:0}@media (max-width:1200px){html{font-size:14px}}