:root{--md-sys-color-primary: #8AB4F8;--md-sys-color-on-primary: #202124;--md-sys-color-secondary: #C58AF9;--md-sys-color-on-secondary: #202124;--md-sys-color-tertiary: #A6D080;--md-sys-color-on-tertiary: #202124;--md-sys-color-error: #FF6767;--md-sys-color-on-error: #FFFFFF;--md-sys-color-background: #202124;--md-sys-color-on-background: #E8EAED;--md-sys-color-surface: #292A2D;--md-sys-color-on-surface: #E8EAED;--md-sys-color-surface-variant: #3C4043;--md-sys-color-on-surface-variant: #BDC1C6;--md-sys-color-outline: #5F6368;--google-blue: #4285F4;--google-red: #EA4335;--google-yellow: #FBBC05;--google-green: #34A853;--bg: var(--md-sys-color-background);--surface: var(--md-sys-color-surface);--surface-soft: var(--md-sys-color-surface-variant);--border: var(--md-sys-color-outline);--accent-primary: var(--md-sys-color-primary);--accent-secondary: var(--md-sys-color-secondary);--accent-tertiary: var(--md-sys-color-tertiary);--accent-info: var(--md-sys-color-error);--text-main: var(--md-sys-color-on-background);--text-sub: var(--md-sys-color-on-surface-variant)}html{background-color:var(--bg)}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top,var(--surface) 0%,var(--bg) 55%,#121212 100%);color:var(--text-main);font-family:Roboto,sans-serif}.top-bar{height:56px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:rgba(var(--md-sys-color-background-rgb, 32, 33, 36),.96);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 4px #0003}.brand{display:flex;align-items:center;gap:8px}.brand-text{font-weight:500;letter-spacing:.03em;font-size:15px;color:var(--md-sys-color-on-background)}.dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 6px currentColor}.dot-google-blue{background:var(--google-blue);color:var(--google-blue)}.dot-google-red{background:var(--google-red);color:var(--google-red)}.dot-google-yellow{background:var(--google-yellow);color:var(--google-yellow)}.dot-google-green{background:var(--google-green);color:var(--google-green)}.status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-sub)}.status-dot{width:10px;height:10px;border-radius:999px;background:var(--google-green);box-shadow:0 0 0 4px #34a8532e}.main{flex:1;padding:32px;width:100%;max-width:1400px;margin:0 auto}.hero{position:relative;padding:32px;border-radius:24px;background:var(--md-sys-color-surface);border:1px solid var(--border);box-shadow:0 6px 20px #0000004d;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.hero:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 0% 0%,var(--google-green) 0,transparent 40%),radial-gradient(circle at 80% 0%,var(--google-blue) 0,transparent 45%),radial-gradient(circle at 100% 60%,var(--google-red) 0,transparent 50%);opacity:.15;pointer-events:none;filter:blur(20px)}.hero>*{position:relative;z-index:1}.hero h1{font-size:28px;margin:0 0 12px;color:var(--md-sys-color-on-surface)}.hero p{margin:0;font-size:16px;color:var(--text-sub);line-height:1.5}.hero strong{font-weight:600;color:var(--md-sys-color-on-surface)}.hero-tags{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}.tag{padding:6px 14px;border-radius:999px;font-size:12px;background:var(--md-sys-color-surface-variant);border:1px solid var(--border);color:var(--text-sub);transition:all .2s ease-out;cursor:default}.tag:hover{transform:translateY(-2px) scale(1.02);background:var(--md-sys-color-surface);box-shadow:0 6px 15px #00000040}.tag-google-blue{border-color:var(--google-blue);color:var(--google-blue)}.tag-google-red{border-color:var(--google-red);color:var(--google-red)}.tag-google-yellow{border-color:var(--google-yellow);color:var(--google-yellow)}.tag-google-green{border-color:var(--google-green);color:var(--google-green)}.grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card{background:var(--md-sys-color-surface);border-radius:20px;box-shadow:0 4px 15px #0003;border:1px solid var(--border);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.card-body{padding:20px 24px 24px;font-size:14px}.card-body h2{margin:0 0 8px;font-size:18px;color:var(--md-sys-color-on-surface);display:flex;flex-direction:column;flex-grow:1}.card-body p{margin:0 0 12px;color:var(--text-sub);line-height:1.5}.card-body ul{margin:0;padding-left:24px;color:var(--text-sub);list-style-type:none}.card-body li{margin:4px 0;position:relative;padding-left:1.2em}.card-body li:before{content:"—";position:absolute;left:0;top:0;color:var(--md-sys-color-primary);font-weight:700}.link-btn{margin-top:15px;padding:8px 16px;border-radius:999px;border:none;background:var(--accent-primary);text-decoration:none;font-size:13px;font-weight:500;color:var(--md-sys-color-on-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 3px 6px #0003}.link-btn:hover{background:var(--google-blue);box-shadow:0 5px 10px #0000004d;transform:translateY(-2px)}.btn-primary{background:var(--google-blue);color:#fff}.btn-primary:hover{background:#629eff}.btn-secondary{background:var(--google-green);color:#fff}.btn-secondary:hover{background:#50b66a}.btn-tertiary{background:var(--google-red);color:#fff}.btn-tertiary:hover{background:#f06b60}.btn-info{background:var(--google-yellow);color:#202124}.btn-info:hover{background:#fccc35}.footer{height:56px;padding:0 24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-sub);background:rgba(var(--md-sys-color-background-rgb, 32, 33, 36),.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -2px 4px #0000001a}.footer .dots{display:flex;gap:6px}@media(max-width:768px){.main{padding:20px}.hero{padding:24px}.hero h1{font-size:24px}.hero p{font-size:15px}.grid{grid-template-columns:1fr}.top-bar,.footer{padding:0 20px}.card-body{padding:18px 20px 20px}}@media(max-width:480px){.main{padding:16px}.top-bar,.footer{padding:0 16px}.hero h1{font-size:22px}.hero p{font-size:14px}.brand-text{font-size:13px}}.cli-window{margin-top:15px;margin-bottom:15px;background-color:#1e1e1e;border-radius:6px;border:1px solid #333;box-shadow:inset 0 2px 5px #0006}.cli-output-container{padding:8px 10px;overflow-y:auto;height:97px}.cli-output{margin:0;white-space:pre-wrap;word-break:break-all;font-family:Consolas,Courier New,monospace;font-size:9px;line-height:1.5;color:#0f0}.link-btn[href="#"]{cursor:pointer}