@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_38692db7-module__pJDHIG__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_38692db7-module__pJDHIG__variable{--font-sans:"Outfit", "Outfit Fallback"}
:root{--font-sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s var(--ease-out-expo);--transition-normal:.3s var(--ease-out-expo);--transition-slow:.5s var(--ease-out-expo)}.dark,.container.dark,:root:not(.light){--bg-h:224;--bg-s:71%;--bg-l:4%;--panel-bg-h:224;--panel-bg-s:60%;--panel-bg-l:6%;--card-bg-h:224;--card-bg-s:40%;--card-bg-l:10%;--card-hover-h:224;--card-hover-s:35%;--card-hover-l:14%;--border-h:224;--border-s:25%;--border-l:16%;--border-hover-h:224;--border-hover-s:25%;--border-hover-l:26%;--text-primary-h:210;--text-primary-s:40%;--text-primary-l:98%;--text-secondary-h:215;--text-secondary-s:25%;--text-secondary-l:78%;--text-muted-h:215;--text-muted-s:16%;--text-muted-l:52%;--glow-opacity:.18;--overlay-bg:#0f1629b3;--bg:hsl(var(--bg-h), var(--bg-s), var(--bg-l));--panel-bg:hsl(var(--panel-bg-h), var(--panel-bg-s), var(--panel-bg-l));--card-bg:hsl(var(--card-bg-h), var(--card-bg-s), var(--card-bg-l));--card-hover:hsl(var(--card-hover-h), var(--card-hover-s), var(--card-hover-l));--border:hsl(var(--border-h), var(--border-s), var(--border-l));--border-hover:hsl(var(--border-hover-h), var(--border-hover-s), var(--border-hover-l));--text-primary:hsl(var(--text-primary-h), var(--text-primary-s), var(--text-primary-l));--text-secondary:hsl(var(--text-secondary-h), var(--text-secondary-s), var(--text-secondary-l));--text-muted:hsl(var(--text-muted-h), var(--text-muted-s), var(--text-muted-l));--google-blue:#478cfa;--google-red:#f7483b;--google-yellow:#fabf0f;--google-green:#21ca5f;--google-purple:#9863f2;--google-blue-rgb:74, 144, 248;--google-red-rgb:242, 82, 68;--google-yellow-rgb:253, 191, 45;--google-green-rgb:58, 203, 114;--google-purple-rgb:163, 110, 249;--border-focus:var(--google-blue);--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 16px -2px #00000080, 0 2px 8px -2px #0000004d;--shadow-lg:0 16px 36px -4px #000000b3, 0 6px 16px -4px #00000080;--shadow-inset:inset 0 1px 0 0 #ffffff0d}.light,.container.light{--bg-h:220;--bg-s:25%;--bg-l:96%;--panel-bg-h:220;--panel-bg-s:20%;--panel-bg-l:91%;--card-bg-h:0;--card-bg-s:0%;--card-bg-l:100%;--card-hover-h:220;--card-hover-s:25%;--card-hover-l:97%;--border-h:220;--border-s:15%;--border-l:84%;--border-hover-h:220;--border-hover-s:15%;--border-hover-l:72%;--text-primary-h:224;--text-primary-s:60%;--text-primary-l:8%;--text-secondary-h:220;--text-secondary-s:15%;--text-secondary-l:32%;--text-muted-h:220;--text-muted-s:10%;--text-muted-l:54%;--glow-opacity:.08;--overlay-bg:#f3f4f6bf;--bg:hsl(var(--bg-h), var(--bg-s), var(--bg-l));--panel-bg:hsl(var(--panel-bg-h), var(--panel-bg-s), var(--panel-bg-l));--card-bg:hsl(var(--card-bg-h), var(--card-bg-s), var(--card-bg-l));--card-hover:hsl(var(--card-hover-h), var(--card-hover-s), var(--card-hover-l));--border:hsl(var(--border-h), var(--border-s), var(--border-l));--border-hover:hsl(var(--border-hover-h), var(--border-hover-s), var(--border-hover-l));--text-primary:hsl(var(--text-primary-h), var(--text-primary-s), var(--text-primary-l));--text-secondary:hsl(var(--text-secondary-h), var(--text-secondary-s), var(--text-secondary-l));--text-muted:hsl(var(--text-muted-h), var(--text-muted-s), var(--text-muted-l));--google-blue:#0c61e9;--google-red:#e61d0f;--google-yellow:#be8f04;--google-green:#188b42;--google-purple:#6a23e7;--google-blue-rgb:12, 108, 235;--google-red-rgb:230, 48, 38;--google-yellow-rgb:201, 137, 2;--google-green-rgb:26, 137, 68;--google-purple-rgb:121, 58, 242;--border-focus:var(--google-blue);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 16px -2px #0000000f, 0 2px 8px -2px #0000000a;--shadow-lg:0 16px 36px -4px #0000001a, 0 6px 16px -4px #0000000f;--shadow-inset:inset 0 1px 0 0 #fffc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background-color:var(--border);border:1px solid var(--bg);transition:background-color var(--transition-fast);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.container{width:100%;max-width:100%}.dashboard-layout{background-color:var(--bg);min-height:100vh;transition:background-color var(--transition-normal);grid-template-columns:290px 1fr;display:grid}.sidebar{background-color:var(--panel-bg);border-right:1px solid var(--border);height:100vh;transition:background-color var(--transition-normal), border-color var(--transition-normal);z-index:100;flex-direction:column;justify-content:space-between;padding:40px 28px;display:flex;position:sticky;top:0}.main-content{background-image:radial-gradient(circle at 100% 0%, hsla(var(--google-blue-rgb), .02), transparent 40%), radial-gradient(circle at 0% 100%, hsla(var(--google-purple-rgb), .02), transparent 45%);height:100vh;transition:background-color var(--transition-normal);padding:48px 60px;overflow-y:auto}h1{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:8px;font-size:2.4rem;font-weight:800;line-height:1.2}h2{letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:12px;margin-bottom:24px;font-size:1.5rem;font-weight:700;display:flex}h3{letter-spacing:-.01em}p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.brand{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:14px;margin-bottom:40px;font-size:1.3rem;font-weight:800;display:flex}.brand-dot{background:linear-gradient(135deg, var(--google-blue), var(--google-purple));width:12px;height:12px;box-shadow:0 0 14px 2px rgba(var(--google-blue-rgb), .5);border-radius:50%;position:relative}.brand-dot:after{content:"";border:1px solid #fff6;border-radius:50%;animation:2.5s ease-in-out infinite pulse-glow;position:absolute;inset:-2px}.nav-links{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-item{width:100%;color:var(--text-secondary);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:14px;padding:14px 18px;font-size:.95rem;font-weight:600;display:flex;position:relative}.nav-item:hover{background-color:var(--card-hover);color:var(--text-primary);transform:translate(4px)}.nav-item.active{background-color:var(--card-bg);border-color:var(--border);color:var(--text-primary);box-shadow:var(--shadow-sm), var(--shadow-inset)}.nav-item.active:before{content:"";background:linear-gradient(to bottom, var(--google-blue), var(--google-purple));border-radius:9999px;width:3px;height:50%;position:absolute;top:25%;left:6px}.level-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.level-badge.beginner{background-color:rgba(var(--google-green-rgb), .1);color:var(--google-green);border:1px solid rgba(var(--google-green-rgb), .2)}.level-badge.intermediate{background-color:rgba(var(--google-yellow-rgb), .1);color:var(--google-yellow);border:1px solid rgba(var(--google-yellow-rgb), .2)}.level-badge.advanced{background-color:rgba(var(--google-blue-rgb), .1);color:var(--google-blue);border:1px solid rgba(var(--google-blue-rgb), .2)}.product-tag{background-color:var(--panel-bg);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--transition-fast);border-radius:6px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.product-tag:hover{border-color:var(--text-muted);color:var(--text-primary)}.theme-toggle-btn{background-color:var(--card-bg);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;font-weight:700;display:flex}.theme-toggle-btn:hover{background-color:var(--card-hover);color:var(--text-primary);border-color:var(--text-muted)}.theme-toggle-btn.active{background-color:var(--panel-bg);border-color:var(--google-blue);color:var(--google-blue);box-shadow:0 0 12px rgba(var(--google-blue-rgb), .15)}.concept-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:28px;margin-top:28px;display:grid}.concept-card{background-color:var(--card-bg);border:1px solid var(--border);transition:transform var(--transition-normal), border-color var(--transition-fast), box-shadow var(--transition-normal), background-color var(--transition-fast);min-height:270px;box-shadow:var(--shadow-sm), var(--shadow-inset);z-index:1;border-radius:16px;flex-direction:column;justify-content:space-between;padding:30px;display:flex;position:relative;overflow:hidden}.concept-card:before{content:"";width:100%;height:4px;transition:background-color var(--transition-fast);background-color:#0000;position:absolute;top:0;left:0}.concept-card.gemini-35:before{background-color:var(--google-blue)}.concept-card.gemini-omni:before{background-color:var(--google-red)}.concept-card.gemini-spark:before{background-color:var(--google-yellow)}.concept-card.antigravity:before{background-color:var(--google-purple)}.concept-card:hover{background-color:var(--card-hover);transform:translateY(-6px)scale(1.008)}.concept-card.gemini-35:hover{box-shadow:var(--shadow-lg), 0 0 25px -5px hsla(217, 95%, 63%, calc(var(--glow-opacity) * 1.5));border-color:#478cfa73}.concept-card.gemini-omni:hover{box-shadow:var(--shadow-lg), 0 0 25px -5px hsla(4, 92%, 60%, calc(var(--glow-opacity) * 1.5));border-color:#f7483b73}.concept-card.gemini-spark:hover{box-shadow:var(--shadow-lg), 0 0 25px -5px hsla(45, 96%, 52%, calc(var(--glow-opacity) * 1.5));border-color:#fabf0f73}.concept-card.antigravity:hover{box-shadow:var(--shadow-lg), 0 0 25px -5px hsla(262, 85%, 67%, calc(var(--glow-opacity) * 1.5));border-color:#9863f273}.concept-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.concept-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:10px;font-size:1.25rem;font-weight:700;line-height:1.4}.concept-description{color:var(--text-secondary);margin-bottom:24px;font-size:.92rem}.concept-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;display:flex}.tabs-container{background-color:var(--panel-bg);border:1px solid var(--border);border-radius:10px;width:fit-content;margin-bottom:32px;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background-color:var(--card-bg);border-color:var(--border);color:var(--text-primary);box-shadow:var(--shadow-sm), var(--shadow-inset)}.playground-container{background-color:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-md), var(--shadow-inset);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px;grid-template-columns:300px 1fr;margin-top:24px;display:grid;overflow:hidden}.playground-container:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.playground-sidebar{border-right:1px solid var(--border);transition:background-color var(--transition-normal);background-color:#00000014;flex-direction:column;gap:26px;padding:30px;display:flex}.light .playground-sidebar{background-color:#00000003}.playground-main{flex-direction:column;gap:26px;padding:30px;display:flex}.form-group{flex-direction:column;gap:10px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.72rem;font-weight:800}.select-control{background-color:var(--panel-bg);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;outline:none;padding:12px 40px 12px 18px;font-size:.9rem;font-weight:600}.select-control:hover{border-color:var(--text-muted);background-color:var(--card-hover)}.select-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(var(--google-blue-rgb), .15)}.code-wrapper{font-family:var(--font-mono);background-color:#05070f;border:1px solid #141b2e;border-radius:12px;flex-direction:column;flex-grow:1;font-size:.85rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px -6px #0009}.code-header{color:#64748b;background-color:#ffffff05;border-bottom:1px solid #141b2e;justify-content:space-between;align-items:center;padding:12px 20px;font-size:.75rem;font-weight:600;display:flex}.code-content{white-space:pre;color:#e2e8f0;padding:24px;line-height:1.6;overflow-x:auto}.copy-btn{color:#94a3b8;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background-color:#ffffff0a;border:1px solid #1e293b;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:700}.copy-btn:hover{color:#f1f5f9;background-color:#ffffff14;border-color:#475569;transform:translateY(-1px)}.copy-btn:active{transform:translateY(1px)}.terminal-cli{font-family:var(--font-mono);transition:transform var(--transition-normal), border-color var(--transition-fast);border-radius:12px;flex-direction:column;margin-top:24px;display:flex;overflow:hidden;box-shadow:0 12px 36px -12px #000c;background-color:#030712!important;border:1px solid #1f2937!important}.terminal-cli:hover{transform:translateY(-2px);border-color:#374151!important}.terminal-header{background-color:#0b0f19;border-bottom:1px solid #111827;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.terminal-dots{gap:8px;display:flex}.terminal-dots .dot{border-radius:50%;width:10px;height:10px;display:inline-block}.terminal-dots .dot.red{background-color:#ef4444}.terminal-dots .dot.yellow{background-color:#eab308}.terminal-dots .dot.green{background-color:#22c55e}.terminal-title{color:#6b7280;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:600}.terminal-body{color:#e5e7eb;text-align:left;flex-direction:column;gap:8px;min-height:180px;padding:20px;font-size:.85rem;line-height:1.5;display:flex}.terminal-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.terminal-prompt{color:#38bdf8;font-weight:700}.terminal-command{color:#f3f4f6}.terminal-row.output{color:#9ca3af;padding-left:4px}.terminal-cursor{color:#38bdf8;margin-left:-4px;animation:1s step-end infinite pulse-cursor}.xr-overlay-panel{-webkit-backdrop-filter:blur(20px);transform-style:preserve-3d;perspective:1000px;transition:all var(--transition-normal);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:24px;box-shadow:0 24px 48px -16px #0006,inset 0 1px #ffffff1a}.light .xr-overlay-panel{background:#00000005;border-color:#00000014;box-shadow:0 24px 48px -16px #0000000f,inset 0 1px #fffc}.xr-overlay-panel:hover{border-color:rgba(var(--google-purple-rgb), .35);box-shadow:0 30px 60px -12px rgba(var(--google-purple-rgb), .16), inset 0 1px 0 0 #ffffff26;transform:translateY(-2px)}.xr-title-container{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.xr-title{letter-spacing:.06em;text-transform:uppercase;color:var(--google-purple);align-items:center;gap:8px;font-size:.9rem;font-weight:800;display:flex}.xr-badge-spatial{background:linear-gradient(135deg, var(--google-purple), var(--google-blue));color:#fff;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 4px 12px rgba(var(--google-purple-rgb), .35);border-radius:9999px;padding:3px 10px;font-size:.65rem;font-weight:800}.xr-selector-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.xr-control-group{flex-direction:column;gap:8px;display:flex}.xr-control-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.xr-buttons-row{background-color:var(--panel-bg);border:1px solid var(--border);border-radius:8px;gap:4px;padding:4px;display:flex}.xr-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;flex:1;padding:8px 6px;font-size:.78rem;font-weight:700}.xr-btn:hover{color:var(--text-primary);background-color:var(--card-hover)}.xr-btn.active{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.xr-toggle-row{background-color:var(--panel-bg);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.xr-toggle-row:hover{border-color:var(--text-muted);background-color:var(--card-hover)}.xr-toggle-row.active{border-color:var(--google-purple);background-color:rgba(var(--google-purple-rgb), .06)}.xr-toggle-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.xr-toggle-switch{background-color:var(--border);width:34px;height:20px;transition:background-color var(--transition-fast);border-radius:9999px;position:relative}.xr-toggle-row.active .xr-toggle-switch{background-color:var(--google-purple)}.xr-toggle-switch:after{content:"";background-color:var(--text-primary);width:14px;height:14px;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:3px;left:3px}.xr-toggle-row.active .xr-toggle-switch:after{transform:translate(14px)}.quiz-container{background-color:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-md), var(--shadow-inset);max-width:820px;transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px;margin-top:24px;padding:40px}.quiz-container:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.quiz-progress{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.85rem;font-weight:600;display:flex}.quiz-bar-bg{background-color:var(--panel-bg);border-radius:9999px;width:100%;height:6px;margin-top:8px;overflow:hidden}.quiz-bar-fill{background:linear-gradient(90deg, var(--google-blue), var(--google-purple));height:100%;transition:width var(--transition-normal);box-shadow:0 0 10px rgba(var(--google-blue-rgb), .3);border-radius:9999px}.quiz-question{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:28px;font-size:1.25rem;font-weight:700;line-height:1.5}.quiz-options{flex-direction:column;gap:12px;display:flex}.quiz-option{background-color:var(--panel-bg);border:1px solid var(--border);text-align:left;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:18px 24px;font-size:.98rem;font-weight:500;display:flex}.quiz-option:hover{border-color:var(--text-muted);color:var(--text-primary);background-color:var(--card-hover);transform:translate(4px)}.quiz-option.selected{border-color:var(--google-blue);background-color:rgba(var(--google-blue-rgb), .05);color:var(--text-primary);box-shadow:0 0 0 1px var(--google-blue)}.quiz-option-dot{border:2px solid var(--border);width:16px;height:16px;transition:all var(--transition-fast);border-radius:50%;margin-left:12px;position:relative}.quiz-option:hover .quiz-option-dot{border-color:var(--text-muted)}.quiz-option.selected .quiz-option-dot{border-color:var(--google-blue)}.quiz-option.selected .quiz-option-dot:after{content:"";background-color:var(--google-blue);width:6px;height:6px;box-shadow:0 0 6px var(--google-blue);border-radius:50%;position:absolute;top:3px;left:3px}.quiz-actions{justify-content:flex-end;margin-top:30px;display:flex}.quiz-btn{background:linear-gradient(135deg, var(--google-blue), #2563eb);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;padding:14px 28px;font-size:.95rem;font-weight:700;box-shadow:0 4px 12px #2563eb40}.quiz-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb59}.quiz-btn:active:not(:disabled){transform:translateY(1px)}.quiz-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.quiz-result{text-align:center;flex-direction:column;align-items:center;padding:32px 0;display:flex}.result-score{letter-spacing:-.03em;background:linear-gradient(135deg, var(--google-blue), var(--google-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:16px 0;font-size:3.8rem;font-weight:800}.result-level{color:var(--text-primary);margin-bottom:10px;font-size:1.35rem;font-weight:700}.result-desc{color:var(--text-secondary);max-width:520px;margin-bottom:30px;line-height:1.6}.success-checkmark-wrapper{width:80px;height:80px;margin:0 auto 24px}.success-checkmark{stroke-width:2.5px;width:80px;height:80px;stroke:var(--google-green);stroke-miterlimit:10;box-shadow:inset 0px 0px 0px var(--google-green);border-radius:50%;animation:.4s ease-in-out .4s forwards fill-checkmark,.3s ease-in-out .9s forwards scale-checkmark;display:block}.success-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2.5px;stroke-miterlimit:10;stroke:var(--google-green);fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke-checkmark}.success-checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke-checkmark}@keyframes stroke-checkmark{to{stroke-dashoffset:0}}@keyframes scale-checkmark{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fill-checkmark{to{box-shadow:inset 0px 0px 0px 40px rgba(var(--google-green-rgb), .1)}}.footer-info{color:var(--text-muted);align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.system-status{color:var(--text-muted);align-items:center;gap:10px;font-size:.8rem;font-weight:600;display:flex}.status-indicator{background-color:var(--google-green);width:8px;height:8px;box-shadow:0 0 10px 1px rgba(var(--google-green-rgb), .5);border-radius:50%;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes pulse-cursor{0%,to{opacity:0}50%{opacity:1}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animated-view{animation:.5s cubic-bezier(.16,1,.3,1) forwards slide-in-up}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;padding:30px;position:relative}.brand{margin-bottom:24px}.nav-links{flex-flow:wrap;gap:8px}.nav-item{width:auto;padding:10px 16px}.nav-item.active:before{width:40%;height:3px;top:auto;bottom:2px;left:50%;transform:translate(-50%)}.main-content{height:auto;padding:40px 30px}}@media (max-width:768px){.playground-container{grid-template-columns:1fr}.playground-sidebar{border-right:none;border-bottom:1px solid var(--border)}.xr-selector-grid{grid-template-columns:1fr}}.pulse-cursor{animation:1s step-end infinite cursor-pulse}@keyframes cursor-pulse{0%,to{background-color:#0000}50%{background-color:#38bdf8}}.live-pulse{animation:1.5s ease-in-out infinite live-indicator}@keyframes live-indicator{0%,to{opacity:.4}50%{opacity:1}}