:root{--google-blue:#4285f4;--google-red:#ea4335;--google-yellow:#fbbc05;--google-green:#34a853;--bg-color:#f8f9fa;--card-bg:#fff;--text-primary:#202124;--text-secondary:#5f6368;--shadow:0 4px 20px rgba(0,0,0,.08);--radius:16px}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;padding:20px}.page{flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:20px 0;display:flex}.top-nav{justify-content:flex-start;width:100%;margin-bottom:20px;display:flex;overflow-x:auto}.top-nav a{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.top-nav a:hover{color:var(--google-blue)}.top-nav .lang-separator{margin:0 6px;display:inline-block}.top-nav a+a{margin-left:6px}header{text-align:center;margin-bottom:50px;animation:.8s ease-out fadeInDown}.logo{width:80px;height:80px;margin-bottom:16px}h1{background:linear-gradient(45deg, var(--google-blue), #1a73e8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:2.5rem;font-weight:600}p.subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem}.container{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;width:100%;max-width:100%;animation:1s ease-out fadeInUp;display:grid}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;border:1px solid rgba(0,0,0,.03);flex-direction:column;align-items:center;padding:32px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,.12)}.card:before{content:"";width:100%;height:4px;position:absolute;top:0;left:0}.card.windows:before{background-color:var(--google-blue)}.card.mac:before{background-color:var(--google-red)}.card.linux:before{background-color:var(--google-green)}.os-icon{margin-bottom:20px;font-size:3rem}.card h2{margin-bottom:12px;font-size:1.5rem}.card p{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.5}.download-btn{border-radius:50px;justify-content:center;align-items:center;width:100%;margin-bottom:12px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--google-blue);color:#fff}.btn-primary:hover{filter:brightness(1.1);background-color:#1a73e8}.btn-outline{color:var(--google-blue);border:1px solid #dadce0}.btn-outline:hover{border-color:var(--google-blue);background-color:rgba(66,133,244,.04)}.version-info{color:#9aa0a6;margin-top:auto;font-size:.8rem}footer{text-align:center;color:var(--text-secondary);margin-top:60px;font-size:.9rem}footer a{color:var(--google-blue);text-decoration:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge{color:#1967d2;background:#e8f0fe;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:.75rem;font-weight:600}.articles{flex-direction:column;gap:40px;width:100%;max-width:1200px;margin-top:80px;display:flex}.article-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.03);padding:32px;transition:transform .3s}.article-card:hover{transform:translateY(-4px)}.article-card h3{color:var(--text-primary);margin-bottom:16px;padding-left:15px;font-size:1.25rem;position:relative}.article-card h3:before{content:"";background-color:var(--google-blue);border-radius:2px;width:4px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.article-card p{color:var(--text-secondary);text-align:justify;font-size:.95rem;line-height:1.8}.article-card strong{color:var(--google-blue)}@media (max-width:768px){.articles{gap:20px;margin-top:50px}}